在使用NavigatorIOS时,不显示内部的组件内容

  1. 主要原因是因为componet的组件时显示NavigatorIOS内部,然而我们并没有给NavigatorIOS内部并没有设置高度,导致内部的组件无法展示,只需要给NavigatorIOS设置一定的高度就可以了,我设置的时flex:1
  2. 内容被NavigatorIOS的头部导航给遮挡住了,在组件NavigatorIOS内部的组组件设置paddingTop为65就可以了
// 给NavigatorIOS添加flex样式
// 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 (
            
                我是Home
            
        )
    },
});
const styles = StyleSheet.create({
    container: {
        alignItems: 'center',
        paddingTop: 65
    }
});
module.exports = Home;

你可能感兴趣的:(在使用NavigatorIOS时,不显示内部的组件内容)