未定义不是（评估“_reactNativeRouterFlux.Actions.chat”）

Question

我所写的是

import { 
    Actions, 
} from 'react-native-router-flux'; 

    <TouchableOpacity 
     onPress={()=>{ 
     Actions.chat({ 
     name:{this.state.name}, 
     }); 
    }}> 
    <Text style={styles.bottonText}> 
    Next 
    </Text> 
    </TouchableOpacity> 

但我汽车无收到错误与Actions.chat();功能。我还需要考虑什么？

Answer 1

这里是我的Home.js代码

import React, {Component} from 'react'; 
import{ 
    View, 
    Text, 
    StyleSheet, 
    TextInput, 
    TouchableOpacity, 
} from 'react-native'; 

import { 
    Actions, 
} from 'react-native-router-flux'; 

export default class Home extends Component{ 
    state={ 
     name:"", 
    }; 
    constructor(props) { 
     super(props); 

    } 
    render(){ 
     return(
      <View> 
       <Text style={styles.title}> 
        Enter your name : 
       </Text> 
       <TextInput 
        style={styles.nameInput} 
        placeholder='Rafin Karki' 
        onChangeText={(text)=>{ 
         this.setState({ 
          name:text, 
         }) 
        }} 
        value={this.state.name} 
       /> 
       <TouchableOpacity 
        onPress={()=>{ 
         Actions.chat({ 
          name:{this.state.name}, 
         }); 
        }}> 
        <Text style={styles.bottonText}> 
         Next 
        </Text> 
       </TouchableOpacity> 
      </View> 
     ); 
    } 
} 

const styles=StyleSheet.create({ 
    title:{ 
     marginTop: 20, 
     marginLeft: 20, 
     fontSize: 20, 
    }, 
    nameInput:{ 
     padding:5, 
     height:40, 
     borderWidth: 2, 
     borderColor: '#000000', 
     margin:20 
    }, 
    bottonText:{ 
     marginLeft: 20, 
     fontSize:20, 
    }, 
}); 

代码App.js

import React, {Component} from 'react'; 
import Home from './components/Home'; 
import Chat from './components/Chat'; 

import { 
    Router, 
    Scene, 
} from 'react-native-router-flux'; 

import { 
    Platform 
} from 'react-native'; 


export default class App extends Component{ 
    render(){ 
     return(
      <Router> 
       <Scene key='root' style={{ paddingTop:Platform.OS==='ios'?64:54}}> 
        <Scene key='home' component={Home} title='Home'/> 
        <Scene key='chat' component={Chat} title='Chat'/> 
       </Scene> 
      </Router> 
     ); 
    } 
} 

而且Chat.js

import React,{Component} from 'react'; 
import{ 
    View, 
    Text, 
} from 'react-native'; 

export default class Chat extends Component{ 
    render(){ 
     return(
      <View> 
       <Text> 
        Hello {this.props.name} 
       </Text> 
      </View> 
     ); 
    } 
}