mobileapps

Posts

UNA Mobile Apps - Rebranding under Mac OSX

UNA Mobile Apps - Compile iOS App From Scratch under Mac OSX

Posts' Comments

Question why do we need to disable splash in order for app to work ? if its enable in studio the app keeps blinking. And una.io app works fine with splash on. Please enlighten us all #mobileapps #mobile #android Alex T⚜️ Andrew Boon Anton L

Discussions

Una Mobile App Build & Store (Google/Apple) Publishing Service

Custom side menu mockup

Side menu mockups PM for more info and cost.#customwork #mobileapps #customthemes #splash #php7

IOS MobileApp Crash

I'm trying to get the native MobileApp running.I've completed all the steps but when I build/run the app in the simulator it stalls at the splash screen and goes no further.The build completes with no errors (only 4 warnings).Any idea...

Mobile App - how to change color header and footer

These bars are part of react-native, so you need to customize it in mobile apps source code App.js file.Change this code: renderToolbar () { return ( to renderToolbar () { return (...

Forum's Comments

@Rocco is right, in UNA mobile apps UNA logo is in SVG format and SVG source code is defined in Icons.js file:

const Logo = (o) => ( 
........

If you have SVG logo you can replace above code with your SVG file source code.

If you have PNG image then you need to change the following code in App.js file:

                {!o.title || TITLE == o.title || o.loading ? (<View>
                    {/*<Image alt="Logo" style={styles.headerImage} source={require('./img/logo.png')} />*/}
                    <Icons.Logo size={75} />

to:

                {!o.title || TITLE == o.title || o.loading ? (<View>
                    <Image alt="Logo" style={styles.headerImage} source={require('./img/logo.png')} />
                    {/*<Icons.Logo size={75} />*/}

and place your custom logo in img/logo.png file.

#tipsandtricks #mobileapps

If you need to add more pages to be publicly available without login in the mobile apps then you can add such list of such pages here:

Studio > Nexus > Settings > Comma separated list of pages URIs, which are available for guests.

If you need homepage to NOT show login by default, then you need to uncheck this checkbox as well:

Studio > Nexus > Settings > Display custom homepage with login form only

#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

Empty

Followers

Alex T⚜️

bouhlal

Add new...