react-navigation TabNavigator屏幕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>

use TabNavigator

当我不使用TabNavigator时，flex：1将显示此信息 not use TabNavigator