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函数是否被调用吗?