Como adicionar esta lib ao seu projeto

passo 1 - Instalação

Se você usa yarn

$ yarn add product-user-profile-mini-app

Se você usa npm

$ npm i product-user-profile-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="UserProfile"
          component={UserProfileNavigatorStack}
          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="UserProfile"
          component={UserProfileNavigatorStack}
        /> [...]
      </ScreenStackNavigator>
  );

passo 3 - Adicionar o store

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

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

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

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

Pronto.