UILib Demo Tab

To make uilib more accessible, there's an option to add the uilib app to your demo
module locally as a separated tab.

Steps

• First, You need to have a demo module in your app.
• Register uilib demo screens

Inside your demo module in component function write:

Import navigationData.

...
const {navigationData} = require('@wix/wix-react-native-ui-lib/example/screens/MenuStructure');
...

Register ui lib components.

components() {
 // Import uilib example screens
 import {Navigation} from 'react-native-navigation';
 require('@wix/wix-react-native-ui-lib/example/screens');
 require('unicorn-demo-app/src/screens').registerScreens(Navigation.registerComponent.bind(Navigation));
 return [
   ...
 ];
}

Add the uilib tab

getTabs() {
  return [
    ...
    {
      id: 'uiTab',
      biLabel: 'uilib',
      screen: 'example.MainScreen',
      title: 'UI LIB',
      label: 'UI LIB',
      icon: Assets.icons.quickActions.uploadPhoto,
      selectedIcon: Assets.icons.quickActions.uploadPhoto,
      testID: 'wix.demo.UI_LIB'
      passProps: {
        navigationData
      }
    },
  ];
}