Remove keyboard toolbar in react native

Viewed 34

I want to remove keyboard toolbar. You can see Image. please tell me how can i remove keyboard toolbar.

here is my code:

<View style={styles.mainContainer}>
      <View style={styles.messagesContainer}>
        <FlatList
          inverted={true}
          data={messages}
          renderItem={({ item }) => {
            const newDate = new Date(item.createdAt)
            return (
              <View style={item.user._id === 1 ? styles.messageTextContainer2 : styles.messageTextContainer}>
                <Text style={item.user._id === 1 ? styles.messageText2 : styles.messageText}>{item.text}</Text>
                <Text style={item.user._id === 1 ? styles.timeText2 : styles.timeText}>{newDate.toLocaleTimeString()}</Text>
              </View>
            )
          }}
        />
      </View>
      <View style={styles.inputContainer}>
        <TextInput
          autoCorrect={false}
          onChangeText={setText}
          style={styles.input}
          placeholder="Type a message..."
          value={text}
        />
        <TouchableOpacity style={styles.sendContainer}>
          <Text onPress={() => onSend()} style={styles.sendText}>Send</Text>
        </TouchableOpacity>
      </View>
    </View>
0 Answers
Related