Some section on this guide can be done by using ListApp Manager plugins, please follow the vide guide from : https://www.youtube.com/playlist?list=PLcF-HiQy-jOLg0O6d9uWhOqGhvvLfx6is

1. Change menu style

Open common/config.js - at Step 4, update the LeftMenuStyle

LeftMenuStyle: Constants.LeftMenu.scale

There are 4 style menu styles that you can change, please note that these menu setting is only apply for iOS as the Android is using default native side bar menu (for low performance issue on Android that we could not use the setting)

LeftMenu.scale
LeftMenu.overlay
LeftMenu.smale
LeftMenu.wide

2. Change menu style

Open common/config.js - at Step 4, update the Local / Menu or using the ListApp Manager

menu: [
    {
      route: 'home',                    // point to the router Navigation/index.js
      name: Languages.listing,
      icon: 'home'
    },
    {
      route: 'customPage',
      params: {
        id: 19936,                       // replace by to your page-id from Wordpress site
        title: Languages.aboutus,
        url: null
      },    
      name: Languages.aboutus,
      icon: 'assignment'
    },
    {
      route: 'customPage',
      params: {
        id: null,
        title: Languages.contact, 
        url: 'https://inspireui.com/about'  // replace by any URL that you would like to show on the page
      },
      name: Languages.contact,
      icon: 'mail'
    },
    {
      route: 'setting',
      name: Languages.setting,
      icon: 'settings'
    },
    {
      route: 'login',
      name: Languages.login,
      icon: 'User'
    },
  ],

3. Exclude the categories that should not be shown on app

Open common/config.js - at Step 4, add new category id to excludeCategories array list.

excludeCategories: [1, 2, 99]

4. Change the tabBar animation:

Open common/config.js - at Step 4, add new category id to tabBarAnimate to one of these value

bounce: 'bounce',
flash: "flash",
jello: "jello",
pulse: "pulse",
rotate: "rotate",
rubberBand: "rubberBand",
shake: "shake",
swing: "swing",
tada: "tada",
wobble: "wobble",
flipInY: "flipInY",
flipInX: "flipInX",
zoomIn: "zoomIn",
fadeIn: "fadeIn",
bounceIn: "bounceIn"

5. Change the onboarding sliding content

Open common/IntroData.js

{ 
    title: 'Map Support',    
    description: "Integrates map feature into your listing app to allow your end-users be able to find their nearest interested locations right from their mobile phones.",
    iconImage: require('@images/map.png'),        
},

Remove the the onboarding, open RootRouter.js and remove these line

    if (!this.props.introStatus) {
      return <Board data={IntroData}/>
    }

6. Change main color

Open Common/Color.js and update these values, since v1.2.0 this could be done by the ListApp Manager setting

  active: '#30E390',
  toolbarTint: "#1CB5B4",

7. Change the app name, app icon and splash screent

Open app.json and replace these values:

"name": "ListApp",
....
"icon": "./assets/icons/app-icon.png",
"loading": {
    "icon": "./assets/icons/loading.png",
},
"splash": {
      "image": "./assets/icons/loading.png",
},