私は反応してネイティブに反応するのが新しいです。"小道具は定義する必要があります"しかし、どのように?
私はアプリを起動し、それを参照してください
create-react-native-app my-project
私は、このコマンドを使用して私のアプリを設定している
https://github.com/aksonov/react-native-router-flux/blob/master/docs/MINI_TUTORIAL.md
このチュートリアルを使用して、シンプルなアプリを設定しようとしています私の電話での万博
その後
npm i react-native-router-flux --save
私はそのチュートリアルのすべてのコードでApp.js
の内容を置き換えます。私はまた、必要なPageOne.js
とPageTwo.js
を作成します。
私の携帯電話ですぐにエラーが発生します。
[react-native-router-flux] props should be defined
assert c:\my path...\react-native-router-flux\src\[email protected]:10
どのようにこれらの小道具を定義しますか?これを実現するためには何が必要ですか?
エクストラ!
コードは、正確にチュートリアルの通りである
App.js
import React, { Component } from 'react';
import { Router, Scene } from 'react-native-router-flux';
import PageOne from './PageOne';
import PageTwo from './PageTwo';
export default class App extends Component {
render() {
return (
<Router>
<Scene key="root">
<Scene key="pageOne" component={PageOne} title="PageOne" initial={true} />
<Scene key="pageTwo" component={PageTwo} title="PageTwo" />
</Scene>
</Router>
)
}
}
PageOne.js
import React, { Component } from 'react';
import { View, Text } from 'react-native';
import { Actions } from 'react-native-router-flux';
export default class PageOne extends Component {
render() {
return (
<View style={{margin: 128}}>
<Text onPress={Actions.pageTwo}>This is PageOne! </Text>
</View>
)
}
}
PageTwo.js
import React, { Component } from 'react';
import { View, Text } from 'react-native';
import { Actions } from 'react-native-router-flux';
export default class PageTwo extends Component {
render() {
return (
<View style={{margin: 128}}>
<Text onPress={Actions.pageOne}>This is PageTwo!</Text>
</View>
)
}
}
ルートインデックスのコードを共有できますか。 –
私はこれをしました – Loofer
もしnpmが古くなったら、私は反応の現在のバージョンが16.0.0-alpha.12で、欲しいものは同じですが最新のものは15.6.1です。私はアルファビルドが欲しいと指定していない。これはエキスポの奇妙さが私に問題の原因となるアルファを使用することを余儀なくされていますか? – Loofer