How to make a button that fills the parent container? about react-native-button

[ide]

Easiest way for now is probably to use TouchableOpacity directly and give it flexbox styling to fill the screen.

[chetstone]

Hmm --- I just came up with a hack... setting padding to a very large number. I suspect that's not recommended practice. I'll try your suggestion.

[chetstone]

Well, when I try to use TouchableOpacity directly it works the same way as TouchableHighlight which I tried before. As soon as I put some text in the element, react-native insists I have to wrap raw text in a <Text> element. Then the TouchableOpacity element shrinks down to the dimensions of the text box. (Or at least the touchable area is just the text box.) So I'll go with padding for now to make the text box real huge. Thanks.

[ide]

You could put a View between the TouchableOpacity and Text.

[ide]

You can also put styles on TouchableOpacity.

[chetstone]

Yes I tried those things. No luck.

May all beings be happy!

On Wed, Sep 23, 2015 at 1:30 PM, James Ide [email protected]
wrote:

You can also put styles on TouchableOpacity.

Reply to this email directly or view it on GitHub:
#7 (comment)

[sibelius]

@chetstone did u solved your problem? can we close this?

[chetstone]

I can't remember. Anyway I guess I'm not having a problem now.