1.0.5 • Published 3 years ago

product-pix-mini-app v1.0.5

Weekly downloads
167
License
-
Repository
-
Last release
3 years ago

Como adicionar esta lib ao seu projeto

passo 1 - Instalação

Se você usa yarn

$ yarn add product-pix-min-app

Se você usa npm

$ npm i product-pix-min-app

passo 2 - Adicionar o stack de navegação na root

Se você criou o seu projeto com o nosso CLI, execute os seguintes passos

Adicionar como TAB na root

  • Abra o arquivo App.tsx (arquivo se encontra no root do projeto) e adicione o seguinte código:

    $ return (
        <AppRootBottomTab
          [...]">
          <BottomTab.Screen
            name="PixMiniApp"
            component={PixMiniAppNavigatorStack}
            options={{
              tabBarIcon: ({color}) => <TabBarIcon name="ios-home" color={color} />,
            }}
          />[...]
        </AppRootBottomTab>
      )

Adicionar como uma página

  • Abra o seu arquivo de screen stack navigator e adicione o seguinte código:

    $ return (
        <ScreenStackNavigator ...>
        [...]  <Stack.Screen
            options={{headerShown: false}}
            name="PixMiniApp"
            component={PixMiniAppNavigatorStack}
          /> [...]
        </ScreenStackNavigator>
    );

passo 3 - Adicionar o store

  • Abra o arquivo src/store/epics.tsx e adicione o seguinte código:
    $ export const rootEpic = combineEpics(
    [...]
    pixMiniAppEpics,
    [...]
    );
  • Abra o arquivo src/store/index.tsx e adicione o seguinte código:

    $ const rootReducer = combineReducers({
    [...]
    pixMiniApp: pixMiniAppSlice.reducer,
    [...]
    });

Pronto.