Как использовать response-native-flash-message с реагировать-native-навигацией - PullRequest
Новая
       46

Как использовать response-native-flash-message с реагировать-native-навигацией

0 голосов
/ 25 февраля 2019

Я использую реагирующую-навигацию Wix и хочу использовать ответную-флэш-сообщение.В официальном документе https://www.npmjs.com/package/react-native-flash-message, указано, что мы можем использовать глобально, а также локально, но в моем коде я не понимаю, где его использовать.

Ниже приведен мой код.

это мой app.js 

import { Navigation } from "react-native-navigation";
import { Provider } from "react-redux";
import registerScreens from './components/Screens'
import Icon from 'react-native-vector-icons/FontAwesome';

import configureStore from "./store/configureStore";

const store = configureStore();

registerScreens(Provider, store);

// Start a App
Navigation.events().registerAppLaunchedListener(() => {
    Promise.all([
        Icon.getImageSource("bars", 30, 'black'),
        Icon.getImageSource("share-alt", 30, 'black')
    ]).then(sources => {
        Navigation.setRoot({
            root: {
                sideMenu: {
                    left: {
                        component: {
                            name: 'app.NavigationDrawer',
                            passProps: {
                                text: 'This is a left side menu screen'
                            }
                        }
                    },
                    center: {
                        stack: {
                            id: 'mainStack',
                            children: [
                                {
                                    stack: {
                                        id: 'tab1Stack',
                                        children: [
                                            {
                                                component: {
                                                    name: 'app.Component'
                                                }
                                            }
                                        ],
                                        options: {
                                            topBar: {
                                                background: {
                                                    color: '#50A7C2',
                                                },
                                                title: {
                                                    text: 'Namaz Timing',
                                                    fontSize: 20,
                                                    //color: 'white',
                                                    fontFamily: 'Ubuntu',
                                                    alignment: 'left'
                                                },
                                                leftButtons: [
                                                    {
                                                        id: 'buttonOne',
                                                        icon: sources[0]
                                                    }
                                                ],
                                                rightButtons: [
                                                  {
                                                    id: 'buttonTwo',
                                                    icon: sources[1]
                                                  }
                                                ]
                                            }
                                        }
                                    }
                                },
                            ],
                            options: {
                                  topBar: {
                                      background: {
                                        color: '#50A7C2',
                                      }
                                  },
                            }
                        }
                    }
                }
            }
        });
    });
});

И это моя функция, где я хочу использовать его 

import qs from 'qs';
import { AsyncStorage } from 'react-native';

export async function addMasjid(Name, Address, email, Timing1, Timing2, Timing3, Timing4, Timing5, Timing6, Timing7) {
    const Data = await AsyncStorage.getItem('tokenData');
    parsed = JSON.parse(Data)
    var token = parsed.access_token;
    return fetch(`URL`, {
        method: 'POST',
        headers: {
            'Accept': 'application/json',
            'Content-Type': 'application/x-www-form-urlencoded',
        },
        body: qs.stringify({
            'name': Name,
            'address': Address,
            'email': email,
            'time_': Timing,
            'time_': Timing,
            'time_': Timing,
            'time_': Timing,
            'time_': Timing,
            'time_': Timing,
            'time_': Timing,
        })
    })
        .then(res => res.json())
        .catch(err => console.log(err))
...