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

Question

Hi I have a problem with components styling.

I wonder to make some input components above the bottom navigation similar to

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

Thank you so much

Please provide enough code so others can better understand or reproduce the problem. — Community, Sep 19 '21 at 04:45

score 1 · Accepted Answer · answered Sep 12 '21 at 20:03

1

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>

)

answered Sep 12 '21 at 20:03

Ahmed Gaber

3,384
2
12
18

Thanks, it works like a charm, now I have a problem making an input container above the keyboard after it's shown – Galih Wicakso Sep 13 '21 at 03:13

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

1 Answers1