- 主要原因是因為componet的組件時顯示NavigatorIOS內部,然而我們并沒有給NavigatorIOS內部并沒有設置高度,導致內部的組件無法展示,只需要給NavigatorIOS設置一定的高度就可以了,我設置的時flex:1
- 內容被NavigatorIOS的頭部導航給遮擋住了,在組件NavigatorIOS內部的組組件設置paddingTop為65就可以了
// 給NavigatorIOS添加flex樣式
<NavigatorIOS
barTintColor={'#b5b5b5'}
style={{flex: 1}}
initialRoute={{
component: Home,
title: 'Home'
}}
// NavigatorIOS內部的組件
import React from 'react';
import {
StyleSheet,
View,
Text,
ListView
} from 'react-native';
const createClass = require('create-react-class');
const Dimensions = require('Dimensions');
const {width} = Dimensions.get('window');
const Home = createClass({
render() {
return (
<View style={styles.container}>
<Text>我是Home</Text>
</View>
)
},
});
const styles = StyleSheet.create({
container: {
alignItems: 'center',
paddingTop: 65
}
});
module.exports = Home;
最后編輯于 :
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。