Como adicionar esta lib ao seu projeto
passo 1 - Instalação
Se você usa yarn
$ yarn add product-conta-extrato-mini-app
Se você usa npm
$ npm i product-conta-extrato-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="ContaExtratoMiniApp" component={ContaExtratoMiniAppNavigatorStack} 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="ContaExtratoMiniApp" component={ContaExtratoMiniAppNavigatorStack} /> [...] </ScreenStackNavigator> );
passo 3 - Adicionar o store
-
Abra o arquivo src/store/epics.tsx e adicione o seguinte código:
$ export const rootEpic = combineEpics( [...] contaExtratoMiniAppEpics, [...] );
-
Abra o arquivo src/store/index.tsx e adicione o seguinte código:
$ const rootReducer = combineReducers({ [...] contaExtratoMiniApp: contaExtratoMiniAppSlice.reducer, [...] });
Pronto.