在使用NavigatorIOS時,不顯示內部的組件內容

  1. 主要原因是因為componet的組件時顯示NavigatorIOS內部,然而我們并沒有給NavigatorIOS內部并沒有設置高度,導致內部的組件無法展示,只需要給NavigatorIOS設置一定的高度就可以了,我設置的時flex:1
  2. 內容被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;
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。