在使用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;
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容