react-native - react-navigation TabNavigator screen flex:1 显示奇怪

Question

当我使用 TabNavigator 时， flex:1 会显示这个，

<View style={{height: 100, flexDirection: 'row'}}>
<Text style={{backgroundColor: 'red', flex: 1}}>aaaaaa</Text>
<Text style={{backgroundColor: 'green', flex: 1}}>bbbbbbbbbbbbbbbbbbbbbbbbbbbbbb</Text>
<Text style={{backgroundColor: 'blue', flex: 1}}>cccccccccc</Text>

使用 TabNavigator

当我不使用 TabNavigator 时，flex:1 将显示此 不使用 TabNavigator