Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
React native 导航器没有显示任何内容_React Native - Fatal编程技术网

React native 导航器没有显示任何内容

React native 导航器没有显示任何内容,react-native,React Native,我的导航器没有渲染任何东西(只有一个白色屏幕),所以我将它减少到最低限度,但仍然没有得到任何东西。有人请帮忙 import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, Navigator } from 'react-native'; class MyApp extends Component { r

我的导航器没有渲染任何东西(只有一个白色屏幕),所以我将它减少到最低限度,但仍然没有得到任何东西。有人请帮忙

    import React, { Component } from 'react';
    import {
      AppRegistry,
      StyleSheet,
      Text,
      Navigator
    } from 'react-native';

    class MyApp extends Component {
      render() {
        return (
            <Navigator style={styles.container}
                initialRoute={{ title: 'My Initial Scene'}}
                renderScene={(route, navigator) => {
                    <Text>Hello</Text>
                }}
            />
        );
      }
    }

    const styles = StyleSheet.create({
      container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#fff',
      },
    });

    AppRegistry.registerComponent('MyApp', () => MyApp);
import React,{Component}来自'React';
进口{
评估学,
样式表,
文本,
领航员
}从“反应本机”;
类MyApp扩展组件{
render(){
返回(
{
你好
}}
/>
);
}
}
const styles=StyleSheet.create({
容器:{
弹性:1,
为内容辩护:“中心”,
对齐项目:“居中”,
背景颜色:“#fff”,
},
});
AppRegistry.registerComponent('MyApp',()=>MyApp);

导航器中的渲染场景函数应返回
文本组件

renderScene={(route, navigator) => {
    return <Text>Hello</Text>;
}}
renderScene={(路线、导航器)=>{
回复你好;
}}

导航器中的渲染场景函数应返回
文本组件

renderScene={(route, navigator) => {
    return <Text>Hello</Text>;
}}
renderScene={(路线、导航器)=>{
回复你好;
}}

您可以在此处找到解决方案:

首先,在
=>


其次,当您将
alignItems:'center'
justifyContent:'center'
应用于导航器时,它的行为与您期望的不同。最好使用一个额外的视图,以获得预期的结果。

您可以在此处找到解决方案:

首先,在
=>


其次,当您将
alignItems:'center'
justifyContent:'center'
应用于导航器时,它的行为与您期望的不同。最好使用一个额外的视图,它将为您提供一个预期的结果。

该代码看起来非常直接,对我来说很好。我已经看到,当设置成这样时,文本隐藏在iOS运营商和Wifi图标后面。可能会在那些后面向上看。当然,这是假设你在iOS模拟器中。我在使用android,我试着将文本居中,并渲染其他组件,这些代码看起来非常直接,对我来说很好。我已经看到,当设置成这样时,文本隐藏在iOS运营商和Wifi图标后面。可能会在那些后面向上看。当然,这是假设你在iOS模拟器中。我使用android,我尝试过文本居中并渲染其他组件。你尝试过在Chrome中调试它以查看renderScene函数是否被调用?你尝试过在Chrome中调试它以查看renderScene函数是否被调用吗?