Как импортировать родные навигаторы React?

Question

Как импортировать родные навигаторы React?

Взгляните на http://dev.mysql.com/doc/refman/5.0/en/declare-handler.html

В основном вы объявляете обработчик ошибок, который вызовет rollback

START TRANSACTION;

DECLARE EXIT HANDLER FOR SQLEXCEPTION 
    BEGIN
        ROLLBACK;
        EXIT PROCEDURE;
    END;
COMMIT;

1

react-navigation react-native

задан piet.t 23 January 2019 в 14:18

2 ответа

Другие вопросы по тегам:

react-navigation react-native

Похожие вопросы:

score 0 · Answer 1

Я хотел бы рассказать вам очень простой способ обновить использование навигации.

Ниже приведен пример вашего файла index.js

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

    import { Main } from './navigation/Main';

    const styles = StyleSheet.create({
      container: {
        flex: 1,
        backgroundColor: '#fff',
      },
    });

    export class App extends Component {
      render() {
        return (
          <View style={ styles.container }>
            <Main />
          </View>
        );
      }
    }

Тогда вот ваш Main.js , который является вашим классом навигации. Вы можете объявить весь свой экран здесь.

    import {
      createStackNavigator,
      createAppContainer,
    } from 'react-navigation';

    import { FirstScreen } from '../screens/FirstScreen';
    import { SecondScreen } from '../screens/SecondScreen';

    const RootStack = createStackNavigator({
      FirstScreen: {
        screen: FirstScreen,
        key: 'FirstScreen',
        navigationOptions: {
          gesturesEnabled: false,
        },
      },
      SecondScreen: {
        screen: SecondScreen,
        key: 'SecondScreen',
        navigationOptions: {
          gesturesEnabled: false,
        },
      },
    });

    export const Main = createAppContainer(RootStack);

Теперь вы можете просто перемещаться с одного экрана на другой.

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

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },
  instructions: {
    textAlign: 'center',
    color: '#333333',
    marginBottom: 5,
  },
});

class FirstScreen extends Component {
  onGetStarted() {
    const { navigate } = this.props.navigation;

    navigate('SecondScreen');
  }

  render() {
    return (
      <View style={ styles.container }>
        <TouchableOpacity
          style={ styles.welcome }
          onPress={ () => this.onGetStarted() }
        >
          <Text>
            Welcome to React Native!
          </Text>
        </TouchableOpacity>
        <Text style={ styles.instructions }>This is screen 1</Text>
      </View>
    );
  }
}

export { FirstScreen };

score 0 · Answer 2

Вы можете объединить все навигаторы на одной странице, если вы импортируете все страницы.

import WelcomeScreen from './WelcomeScreen.js', 
import ProfileScreen from './ProfileScreen.js',
import SettingsScreen from './SettingsScreen.js',
import LogoutScreen from './LogoutScreen.js',

const WelcomeTabNavigator = createBottomTabNavigator({
  Welcome: {screen: WelcomeScreen,},
  Profile: {screen: ProfileScreen,},
  Settings: {screen: SettingsScreen,},
},

const WelcomeStackNavigator = createStackNavigator({
  Home: {screen: WelcomeTabNavigator,},
  Logout: {screen: LogoutScreen,},
})

 class App extends React.Component {
        render() {
          return <WelcomeStackNavigator />;
        }
      }

export default App;