mobileapps

You can try to set background for mobile splash when you are setting splash with this command:

npx react-native set-splash --platform android --path ./img/background.png --resize contain --background "#rgb"

#mobileapps #tipsandtricks

To change loading screen when app loads for the first time you need to change the following line in App.js file:

renderLoading={() => <View style={styles.webviewFirstLoad}><ActivityIndicator size="large" color={useTheme('colors.activityIndicator')} style={styles.webviewFirstLoadIndicator} /></View>}

#mobileapps

1. All styles are in dynamicStyles at the end of App.js, however some items from header don't have styles, then you need to create new style, for example:

    myStyle: {
        color: red,
    },

and apply it where needed, for example:

<Button transparent>
    <Icon style={styles.myStyle} name='search' onPress={o.onSearchMenu} />
</Button>

 2. It's some sort of bug I think in the theme library which we're using for UNA mobile app, but you can try to play with this code (particularly with setBarStyle), by removing functionality for dark//light mode support and make it static, so it should work then:

        const isDarkMode = useDarkMode();
        var sBarStyle = 'dark-content';
        if (Platform.OS === 'android' || isDarkMode)
            sBarStyle = 'light-content';            
        if (Platform.OS === 'android')
            StatusBar.setBackgroundColor('#076fd3');
        StatusBar.setBarStyle(sBarStyle, false);         

#mobileapps

3. Alexey could you please assist with this point ?

To redirect user to some other page instead of homepage after login in mobile app

Try to change all occurrences of 

${BASE_URL}?skin=${TEMPLATE}

in App.js to

${BASE_URL}?relocate=ABC&skin=${TEMPLATE}

Where ABC is URL where you want user redirect to after login

#mobileapps

To make PUSH working you need to open OneSignal account then setup it properly for Web Browsers, Android and iOS[if needed] in OneSignal - then have necessary instructions on how to do it. Then specify OneSignal App ID in UNA and mobile apps.

Also you can refer to more detailed description by Mosi76
https://una.io/cmts.php?sys=bx_forum&id=4009&cmt_id=16180

#mobileapps

The code for this button is in mobile app App.js file:

<Button vertical onPress={this.onMessengerMenu.bind(this)} badge={this.state.data.bubbles['notifications-messenger'] > 0 ? true : false}>
    {this.state.data.bubbles['notifications-messenger'] > 0 && 
        (<Badge><Text>{this.state.data.bubbles['notifications-messenger']}</Text></Badge>)
    }
    <Icon name="comments" type="FontAwesome5" solid />
</Button>

To change it to your own you can replace it with this:

<Button vertical onPress={() => this.injectJavaScript(`window.location = '${BASE_URL}page/privacy';`)}>
    <Icon name="car" type="FontAwesome5" solid />
</Button>

Just change, page/privacy URL and car icon to your own, icon name can be any icon from FontAwesome5 set:
https://oblador.github.io/react-native-vector-icons/

#mobileapps