I created a custom input container using giftchat may be that the design you want

[Anant7000]

Here a code ..............................

<GiftedChat messages={messages} onSend={messages => onSend(messages)}

  user={{
    _id: route.params.email,
  }}
  alwaysShowSend={true}
  renderSend={
    props=>{
      return(
       <Send {...props}>
        <View {...props} style={styles.Sendbutton}>
          <Image style={{width:30,height:30,left:4}} source={require('../../assets/send.png')}></Image>
        </View>
        </Send>
      )
    }}

    
  renderInputToolbar={props=>{
    return(
      
    <InputToolbar  {...props} containerStyle={{backgroundColor:'#1f2c34',borderRadius:30,marginRight:60,marginLeft:5,marginBottom:5}}>
    </InputToolbar>  
    
    )
  }}
 messagesContainerStyle={{paddingBottom:17}}
/>
</View>

) }

export default Chat

const styles = StyleSheet.create({ itemContainer:{ flexDirection:'row', alignItems:'center', paddingVertical:5, backgroundColor:'#273236', paddingHorizontal:10, height:60 }, Sendbutton:{ flexDirection:'row', justifyContent:'center', alignItems:'center', backgroundColor:'#00a884', height:45, width:45, borderRadius:50, left:110,

}, })

[fukemy]

welcome to React Native!