Search code examples
react-nativeexporeact-componentreact-navigation-bottom-tab

I wonder to make input components above bottom navigation react native expo

Hi I have a problem with components styling.

I wonder to make some input components above the bottom navigation similar to enter image description here

enter image description here

I'm new at react native, Maybe you can give some articles or videos to archive that.

Thank you so much

Solution

  • in NewsFeedScreen file add bottom view with position : 'absolute' and put input inside it
    your NewsFeedScreen file should returnlike this

    
return(

  <View style={{flex:1}}>

   //your content here


    <View style={{position : 'absolute', bottom : 0, width : '100%'}}>
       <TextInput/>
    </View>

  </View>

)