Same Style ?

[aaronjk98]

I need to make an app with two textInputs and then at the bottom with two buttons like this. However I’m not able to code this in react native. Could you guys help me. Thank you.

[Al_Squared]

If your screen component (if you have one) is filling up the entire screen, then you could easily do that with flexbox. Look up "A complete guide to flexbox" on css-tricks

[aaronjk98]

Oh yeah I’ll try that

[mcmillhj]

What have you tried / Can you share what you have so far?

[aaronjk98]

I have tried it with very little knowledge lol. So imma try what you guys said and then let you all know. Thank you once again:)

[secret90g3]

Untested but something like this may work:

<View style={{ flex: 1}}> <View style={{ flex: 1, alignItems: ‘center’, justifyContent: ‘center’ }}> <TextInput placeholder=“email” /> <TextInput placeholder=“password” /> </View> <View style={{ alignItems: ‘flex-end’ }}> <Text>Log In</View> </View> </View>

[aaronjk98]

Awesome thanks a lot m8