Я работаю над собственным проектом, в котором моя кнопка не запускается на экране навигации.Я пытался использовать 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>
);
}
}
Может кто-топомогите мне?