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.