1
以下のコードナビゲーションバーがコンテンツ領域と重なっています。テキスト 'Test Data'は表示されません。反応するネイティブルータフラックスナビゲーションバーがコンテンツ領域と重複します
<Scene key="root">
<Scene key="ContentArea" component={ContentArea} title="Content" initial/>
</Scene>
class ContentArea extends Component {
render() {
return (
<View style={{flex: 1}}>
<Text>Test Data</Text>
</View>
);
}
}
paddingTopを追加すると、「Test Data」というテキストが表示されます。
<View style={{flex: 1, paddingTop: 50}}>
（メイン意図が50としてpaddingTopスペースを与えることによって、ハードコードされた値を避けるためです）スタイル属性「paddingTop」を使用せずに、ナビゲーションバーとコンテンツ領域と重複しない任意の他の可能性があります。