React Native click click не работает на экране навигации - PullRequest
0 голосов
/ 22 сентября 2018

Я работаю над собственным проектом, в котором моя кнопка не запускается на экране навигации.Я пытался использовать react-navigation и react-native-router-flux, и он все еще не работает.Код такой:

App.js

import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View} from 'react-native';
import MapView from 'react-native-maps';
import { StackNavigator } from 'react-navigation';
import {Scene, Router} from 'react-native-router-flux';

import Home from './Home';

const AppNavigator = StackNavigator({
  HomeScreen: { screen: Home }
});



type Props = {};
export default class App extends Component<Props> {
  render() {
    return (
      <View >
       <Router showNavigationBar={false} style={{ backgroundColor : '#FFF' }}>
            <Scene key="root">
                <Scene key="home" component={Home}  initial/>
            </Scene>
        </Router>

     </View>
    );
  }
}

Home.js

import React from 'react';
import { StyleSheet, View, Text, StatusBar, Button, Alert, Image, Dimensions, TouchableHighlight } from 'react-native';
export default class Home extends React.Component  {
    render() {
        return (
            <View >
                <Button
                    onPress={() => {
                        Alert.alert('You tapped the button!');
                      }}
                      title="COBA"
                />
                <Button
                    onPress={() => {
                        Alert.alert('You tapped the button!');
                      }}
                      title="COBA"
                />
                <Button
                    onPress={() => {
                        Alert.alert('You tapped the button!');
                      }}
                      title="COBA"
                />
                <Button
                    onPress={() => {
                        Alert.alert('You tapped the button!');
                      }}
                      title="COBA"
                />


            </View>

        )
    }
}

И когда я нажимаю кнопку "COBA", на ней не отображается предупреждение,Но когда я отрисовываю мой Home Component в App.js, он хорошо работает.

App.js (событие Click работает, но я должен использовать навигацию в этом проекте)

import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View} from 'react-native';
import MapView from 'react-native-maps';
import { StackNavigator } from 'react-navigation';
import {Scene, Router} from 'react-native-router-flux';

import Home from './Home';

type Props = {};
export default class App extends Component<Props> {
  render() {
    return (
      <View >
       <Home />
     </View>
    );
  }
}

Может кто-топомогите мне?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...