product-conta-pagamento-mini-app

Como adicionar esta lib ao seu projeto

passo 1 - Instalação

Se você usa yarn

$ yarn add product-conta-pagamento-mini-app

Se você usa npm

$ npm i product-conta-pagamento-mini-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="ContaPagamentoMiniApp"
          component={ContaPagamentoMiniAppNavigatorStack}
          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="ContaPagamentoMiniApp"
          component={ContaPagamentoMiniAppNavigatorStack}
        /> [...]
      </ScreenStackNavigator>
  );
  

passo 3 - Adicionar o store

• Abra o arquivo src/store/epics.tsx e adicione o seguinte código:

  $ export const rootEpic = combineEpics(
  [...]
  contaPagamentoMiniAppEpics,
  [...]
  );
  

• Abra o arquivo src/store/index.tsx e adicione o seguinte código:

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

Pronto.