Mobile App Loading Logo Change

The Question is how to change this UNA logo. It only displays while an app function is made and is loading a page or request. Maybe @Alex T⚜️ will chime in on this.

  • 621
  • More
Attachments
Replies (7)
    • This logo in SVG format. You can comment it to hide, or change if found svg generator by your own logo.

      • And do you happen to know this actual directory path to this svg file. It is not within the mobile application build source. All images have been changed and compiled.

        • App js {!o.title || TITLE == o.title || o.loading ? (<View>

                              {/*<Image alt="Logo" style={styles.headerImage} source={require('./img/logo.png')} />*/}

                              {/*<Icons.Logo size={75} />*/} or change it on Icons.js to your own.

          • I have verified this path and the file logo.png in the ./img directory has been changed to my logo. Still no change once compiled.. 🤔

            • Still no resolution on this.. ??

              • You must comment what i write in App.js or change it on Icons.js to your own (LOGO SVG CODE). or try to use code from previus version with image file.

                • @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.

                  

                  Login or Join to comment.