私はネイティブに反応するのは初めてで、練習するアプリを作成しようとしています。ルーティング部分に到着しましたが、正常に動作していません。これで3つのコンポーネントができました。アプリ、ルーター、そしてゲームと呼ばれるもの。
私はルーティングにこれを持っています:
import React from 'react';
import { Scene, Router } from 'react-native-router-flux'
import { GameComponent } from './game'
const RouterComponent = () => {
return (
<Router>
<Scene key="root">
<Scene
key="game"
component={GameComponent}
title="New Game"
/>
</Scene>
</Router>
);
}
export default RouterComponent;
そしてこれはアプリで:
import { Actions } from 'react-native-router-flux';
export default class App extends React.Component {
render() {
return (
<View style={styles.container}>
<Text>Basketball App</Text>
<Button
onPress={() => Actions.game()}
title="New Game">
</Button>
</View>
);
}
しかし、次のエラーメッセージが表示されます。undefinedは関数ではありません。何が足りないのですか?
よろしくお願いします
また、ルーターでホーム画面を定義する必要があります
GameComponentをインポートします
import GameComponent from './game';
ルーターを作成する
const RouterComponent = () => {
return (
<Router>
<Scene key="root">
<Scene key="home" component={Home} title="Home" />
<Scene key="game" component={GameComponent} title="New Game" />
</Scene>
</Router>
);
}
ホーム画面を作成する
class Home extends Component {
render() {
return (
<View style={{flex:1}}>
<Text>Basketball App</Text>
<Button
onPress={() => Actions.game() }
title="New Game">
</Button>
</View>
);
}
}
メインアプリ
export default class App extends React.Component {
render() {
return (
<RouterComponent />
);
}
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加