react-native-navigation

Configs

const tabBasedApp = (inbox, properties, contacts, profile) => {
  navigation.setRoot({
    root: {
      bottomTabs: {
        children: [
          {
            stack: {
              options: bottomTabsOptions('inbox'),
              children: [
                {
                  component: {
                    name: inbox,
                    options: {
                      ...componentScreenOptions('light', 'primaryColor'),
                    },
                  },
                },
              ],
            },
          },
          {
            stack: {
              options: bottomTabsOptions('properties'),
              children: [
                {
                  component: {
                    name: properties,
                    options: {
                      ...componentScreenOptions('light', 'primaryColor'),
                    },
                  },
                },
              ],
            },
          },
          {
            stack: {
              options: bottomTabsOptions('contacts'),
              children: [
                {
                  component: {
                    name: contacts,
                    options: {
                      ...componentScreenOptions('light', 'primaryColor'),
                    },
                  },
                },
              ],
            },
          },
          {
            stack: {
              options: bottomTabsOptions('profile'),
              children: [
                {
                  component: {
                    name: profile,
                    options: {
                      ...componentScreenOptions('light', 'primaryColor'),
                    },
                  },
                },
              ],
            },
          },
        ],
      },
    },
  })
}

  _showModal = (screen, props) => {
    navigation.showModal({
      stack: {
        children: [
          {
            component: {
              name: screen,
              passProps: props,
              options: {
                ...componentScreenOptions('dark'),
                ...showModalAnimation(),  // { modalPresentationStyle: 'fullScreen', waitForRender: true }
              },
            },
          },
        ],
      },
    })
  }