1
Ich habe ziemlich kopiert und den Demo-Code von Facebook eingefügt, aber die InitialRoute-Komponente wird nicht gerendert. Antworten wie das Setzen von flex: 1 wie von ähnlichen Fragen vorgeschlagen, funktionierte nicht für mich. Irgendwelche Tipps?NavigatorIOS rendern nicht initialroute
import React, { Component } from 'react';
import {
StyleSheet,
NavigatorIOS,
StatusBar,
AppRegistry,
View,
Text,
TouchableHighlight,
} from 'react-native';
import NativeThing from './components/ReactNative';
export default class ListsList extends Component {
render() {
return (
<NavigatorIOS
initialRoute={{
component: MyScene,
title: 'My Initial Scene',
}}
style={{flex: 1}}
/>
);
}
}
class MyScene extends Component {
_onForward =() => {
this.props.navigator.push({
title: 'Scene ' + nextIndex,
});
}
render() {
return (
<View>
<Text>Current Scene: { this.props.title }</Text>
<TouchableHighlight onPress={this._onForward}>
<Text>Tap me to load the next scene</Text>
</TouchableHighlight>
</View>
)
}
}
var styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#F5FCFF',
}
});
AppRegistry.registerComponent('ListsList',() => ListsList);
Ich weiß, Sie sagen, Sie hinzugefügt 'flex: 1 'aber in diesem Code-Schnipsel Sie nie den' container' Stil zu jeder Ansicht tatsächlich anzuwenden. Hast du es versucht? –
Ja, das ist der Code, der aus der reaktionsbereiten Dokumentation kopiert und eingefügt wird. Ich habe mit dem Hinzufügen von 'flex: 1' zu fast jeder Komponente gespielt, ohne Glück. – zliz