Question

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

    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);

Answer 1

Navigator中的渲染场景功能应该返回Text组件。

renderScene={(route, navigator) => {
    return <Text>Hello</Text>;
}}

Answer 2

您可以在此处找到解决方案： https://rnplay.org/apps/0bw98Q

首先，在=>

之后，您不需要额外的花括号

其次，当您将alignItems: 'center'或justifyContent: 'center'应用于导航器时，它的行为并不像您期望的那样。最好使用额外的View来获得预期的结果。

导航器没有显示任何内容

2 个答案: