Text going out of section frame

[tnguyen42]

Hi,

I didn't see anybody reporting this issue so here it is: I tried the basic usage example that works perfectly fine... Except if the inside text is too long to hold in a section.
Here's what it gives:

When the code is simply:

render() {
     return (
        <View style={styles.container2}>
            <ScrollableTabView>
                <Homepage tabLabel="React" />
                <Profile tabLabel="Flow" />
                <Settings tabLabel="Jest" />
            </ScrollableTabView>
        </View>
    );
}

With the Homepage component being defined as follows:

class Homepage extends Component {
    render() {
        return (
            <View style={styles.container}>
                <Text style={styles.welcome}>
                    Welcome! This is the Homepage. And some more ligns just to check everything's fine.
                </Text>
            </View>
        );
    }
}

It used to automatically wrap in the Navigator. For info here's styles.container:

container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
},

[tnguyen42]

Update: apparently it's the alignItems center the messes everything up. Didn't figure out why yet.

[brentvatne]

@tnguyen42 - any updates?

[tnguyen42]

Nope sorry, I tried another way so I'm not having this issue anymore.
You can close it if you want, I believe it's kind of uncommon.