zoontek Github contribution chart
zoontek Github Stats
zoontek Most Used Languages

Activity

05 Oct 2022

Zoontek

Splash Screen is not expanding fully to the size of the device dimensions

Bug summary

This is how Splash Screen is rendering in my device,

WhatsApp Image 2022-10-05 at 12 38 40 PM

I want the white background to fully occupy the screen.

Is there any way to control the dimensions of the splash screen?

Library version

react-native-bootsplash: 4.3.2

Environment info

System:
    OS: macOS 12.5
    CPU: (8) x64 Apple M1
    Memory: 24.02 MB / 8.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 14.0.0 - /usr/local/bin/node
    Yarn: Not Found
    npm: 6.14.4 - /usr/local/bin/npm
    Watchman: Not Found
  Managers:
    CocoaPods: 1.11.2 - /opt/homebrew/bin/pod
  SDKs:
    iOS SDK:
      Platforms: DriverKit 21.4, iOS 15.5, macOS 12.3, tvOS 15.4, watchOS 8.5
    Android SDK: Not Found
  IDEs:
    Android Studio: 4.2 AI-202.7660.26.42.7351085
    Xcode: 13.4.1/13F100 - /usr/bin/xcodebuild
  Languages:
    Java: 11.0.10 - /usr/bin/javac
  npmPackages:
    @react-native-community/cli: Not Found
    react: 18.0.0 => 18.0.0 
    react-native: 0.69.5 => 0.69.5 
    react-native-macos: Not Found
  npmGlobalPackages:
    *react-native*: Not Found 

Steps to reproduce

  1. Please clone the repository form mentioned link(Repository link is given in Reproducible sample code section)

2.Just run the app in your mobile

Please be notified that App just stays at Splash Screen only as I didn't call RNBootSplash.hide({ fade: true }).

Reproducible sample code

Please find the reproducible demo here -- https://github.com/Yandamuri/-react-native-boot-splash-test 

Forked On 05 Oct 2022 at 05:22:15

Zoontek

CLI:

▲  Projects/react-native-boot-splash-test main › yarn react-native generate-bootsplash google_logo.png \
  --background-color=1C7AF3 \
  --logo-width=192
yarn run v1.22.19
$ /Users/zoontek/Projects/react-native-boot-splash-test/node_modules/.bin/react-native generate-bootsplash google_logo.png --background-color=1C7AF3 --logo-width=192

    Android
✏️   android/app/src/main/res/values/colors.xml
✨  android/app/src/main/res/mipmap-mdpi/bootsplash_logo.png (288x288)
✨  android/app/src/main/res/mipmap-hdpi/bootsplash_logo.png (432x432)
✨  android/app/src/main/res/mipmap-xxhdpi/bootsplash_logo.png (864x864)
✨  android/app/src/main/res/mipmap-xhdpi/bootsplash_logo.png (576x576)
✨  android/app/src/main/res/mipmap-xxxhdpi/bootsplash_logo.png (1152x1152)

    iOS
✨  ios/Musings/BootSplash.storyboard
✨  ios/Musings/Images.xcassets/BootSplashLogo.imageset/bootsplash_logo@3x.png (576x195)
✨  ios/Musings/Images.xcassets/BootSplashLogo.imageset/bootsplash_logo.png (192x65)
✨  ios/Musings/Images.xcassets/BootSplashLogo.imageset/bootsplash_logo@2x.png (384x130)

 ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
 ┃  💖  Love this library? Consider sponsoring!  ┃
 ┃  One-time amounts are available.              ┃
 ┃  https://github.com/sponsors/zoontek          ┃
 ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛

✅  Done! Thanks for using react-native-bootsplash.
✨  Done in 0.94s.
▲  Projects/react-native-boot-splash-test main › 

Generated assets:

styles.xml:

<!-- BootTheme should inherit from Theme.SplashScreen -->
<style name="BootTheme" parent="Theme.SplashScreen">
    <item name="windowSplashScreenBackground">@color/bootsplash_background</item>
    <item name="windowSplashScreenAnimatedIcon">@mipmap/bootsplash_logo</item>
    <item name="postSplashScreenTheme">@style/AppTheme</item>
</style> 

https://user-images.githubusercontent.com/1902323/194121882-51d6e52d-f9af-45ba-a695-7435d07f49ff.mp4


And yes, the round mask is mandatory. More infos here.

Commented On 05 Oct 2022 at 05:22:15

Zoontek

App stuck with blank white screen when restarted to apply code push changes

Bug summary

I am using react-native-code-push for OTA updates. As soon as user enters the app there will be check for updates and if there are any, then app displays a confirmation window. if the user taps on INSTALL button then app downloads the updates and then restarts to apply the changes. This is the usual behaviour in my app.

Now, I started using react-native-bootsplash. Since then, when app restarts for applying the OTA updates, white screen appears and app gets stuck and never proceeds for further. Now If I swipe close the app and open then app stuck at Splash Screen. I used to work with react-native-splash-screen and never observed such a behaviour when applying OTA updates.

This issue is occurring in

react-native: 0.65.0. 
react-native-bootsplash: 4.3.2 

Library version

react-native-bootsplash: 4.3.2

Environment info

System:
    OS: macOS 12.5
    CPU: (8) x64 Apple M1
    Memory: 23.45 MB / 8.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 14.0.0 - /usr/local/bin/node
    Yarn: Not Found
    npm: 6.14.4 - /usr/local/bin/npm
    Watchman: Not Found
  Managers:
    CocoaPods: 1.11.2 - /opt/homebrew/bin/pod
  SDKs:
    iOS SDK:
      Platforms: DriverKit 21.4, iOS 15.5, macOS 12.3, tvOS 15.4, watchOS 8.5
    Android SDK: Not Found
  IDEs:
    Android Studio: 4.2 AI-202.7660.26.42.7351085
    Xcode: 13.4.1/13F100 - /usr/bin/xcodebuild
  Languages:
    Java: 11.0.10 - /usr/bin/javac
  npmPackages:
    @react-native-community/cli: Not Found
    react: 17.0.2 => 17.0.2 
    react-native: 0.65.0 => 0.65.0 
    react-native-macos: Not Found
  npmGlobalPackages:
    *react-native*: Not Found 

Steps to reproduce

Unable to provide steps to reproduce As I am unable to provide any reproducible sample code.

Reproducible sample code

Unable to provide reproducible sample code as the project is huge. 

Forked On 05 Oct 2022 at 11:53:04

Zoontek

@zoontek I have created a RN project with Version 0.65 and everything is fine. But issue is with only my current project which I cannot share here

So it's not a library issue as its perform the exact same way on 0.65 and all versions after.

Commented On 05 Oct 2022 at 11:53:04

Zoontek

Splash Screen is not expanding fully to the size of the device dimensions

Bug summary

This is how Splash Screen is rendering in my device,

WhatsApp Image 2022-10-05 at 12 38 40 PM

I want the white background to fully occupy the screen.

Is there any way to control the dimensions of the splash screen?

Library version

react-native-bootsplash: 4.3.2

Environment info

System:
    OS: macOS 12.5
    CPU: (8) x64 Apple M1
    Memory: 24.02 MB / 8.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 14.0.0 - /usr/local/bin/node
    Yarn: Not Found
    npm: 6.14.4 - /usr/local/bin/npm
    Watchman: Not Found
  Managers:
    CocoaPods: 1.11.2 - /opt/homebrew/bin/pod
  SDKs:
    iOS SDK:
      Platforms: DriverKit 21.4, iOS 15.5, macOS 12.3, tvOS 15.4, watchOS 8.5
    Android SDK: Not Found
  IDEs:
    Android Studio: 4.2 AI-202.7660.26.42.7351085
    Xcode: 13.4.1/13F100 - /usr/bin/xcodebuild
  Languages:
    Java: 11.0.10 - /usr/bin/javac
  npmPackages:
    @react-native-community/cli: Not Found
    react: 18.0.0 => 18.0.0 
    react-native: 0.69.5 => 0.69.5 
    react-native-macos: Not Found
  npmGlobalPackages:
    *react-native*: Not Found 

Steps to reproduce

  1. Please clone the repository form mentioned link(Repository link is given in Reproducible sample code section)

2.Just run the app in your mobile

Please be notified that App just stays at Splash Screen only as I didn't call RNBootSplash.hide({ fade: true }).

Reproducible sample code

Please find the reproducible demo here -- https://github.com/Yandamuri/-react-native-boot-splash-test 

Forked On 05 Oct 2022 at 10:30:25

Zoontek

I checked two seconds and it's just that you are not following the documentation 🤦‍♂️ This package even provide a generator that does a huge part of the job for yourself, please use it.

Just remove the comment in your styles.xml (<!-- <item name="windowSplashScreenBackground">@color/bootsplash_background</item> --> is commented!):

<!-- BootTheme should inherit from Theme.SplashScreen -->
<style name="BootTheme" parent="Theme.SplashScreen">
-   <!-- <item name="windowSplashScreenBackground">@color/bootsplash_background</item> -->
+   <item name="windowSplashScreenBackground">@color/bootsplash_background</item> 
    <item name="windowSplashScreenAnimatedIcon">@mipmap/boot_splash</item>
    <item name="postSplashScreenTheme">@style/AppTheme</item>
</style> 

Than fix the color in colors.xml to use white:

-   <color name="bootsplash_background">#1A7AF3</color>
+   <color name="bootsplash_background">#FFFFFF</color>
</resources> 

Also, hide the splash screen on componentDidMount, not at bundle load (you want to wait for the first app render):

import React, {Component} from 'react';
import {View, Text} from 'react-native';
import RNBootSplash from 'react-native-bootsplash';

class App extends Component {
+ componentDidMount() {
+   RNBootSplash.hide({fade: true});
+ }

  render() {
    return (
      <View style={Styles.container}>
        <Text>Welcome To My App</Text>
      </View>
    );
  }
}

const Styles = {
  container: {
    flex: 1,
    backgroundColor: 'rgba(256, 0, 0, 0.1)',
    justifyContent: 'center',
    alignItems: 'center',
  },
};

export default CodePush(App); 

You might thing it's OK to bother open source maintainer for basic helping, it's not. Please, please, next time search a bit before 🙏 Also consider a donation for the help given here.

Commented On 05 Oct 2022 at 10:30:25

Zoontek

App stuck with blank white screen when restarted to apply code push changes

Bug summary

I am using react-native-code-push for OTA updates. As soon as user enters the app there will be check for updates and if there are any, then app displays a confirmation window. if the user taps on INSTALL button then app downloads the updates and then restarts to apply the changes. This is the usual behaviour in my app.

Now, I started using react-native-bootsplash. Since then, when app restarts for applying the OTA updates, white screen appears and app gets stuck and never proceeds for further. Now If I swipe close the app and open then app stuck at Splash Screen. I used to work with react-native-splash-screen and never observed such a behaviour when applying OTA updates.

This issue is occurring in

react-native: 0.65.0. 
react-native-bootsplash: 4.3.2 

Library version

react-native-bootsplash: 4.3.2

Environment info

System:
    OS: macOS 12.5
    CPU: (8) x64 Apple M1
    Memory: 23.45 MB / 8.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 14.0.0 - /usr/local/bin/node
    Yarn: Not Found
    npm: 6.14.4 - /usr/local/bin/npm
    Watchman: Not Found
  Managers:
    CocoaPods: 1.11.2 - /opt/homebrew/bin/pod
  SDKs:
    iOS SDK:
      Platforms: DriverKit 21.4, iOS 15.5, macOS 12.3, tvOS 15.4, watchOS 8.5
    Android SDK: Not Found
  IDEs:
    Android Studio: 4.2 AI-202.7660.26.42.7351085
    Xcode: 13.4.1/13F100 - /usr/bin/xcodebuild
  Languages:
    Java: 11.0.10 - /usr/bin/javac
  npmPackages:
    @react-native-community/cli: Not Found
    react: 17.0.2 => 17.0.2 
    react-native: 0.65.0 => 0.65.0 
    react-native-macos: Not Found
  npmGlobalPackages:
    *react-native*: Not Found 

Steps to reproduce

Unable to provide steps to reproduce As I am unable to provide any reproducible sample code.

Reproducible sample code

Unable to provide reproducible sample code as the project is huge. 

Forked On 05 Oct 2022 at 10:11:34

Zoontek

@Yandamuri Thanks. Please provides at least a minimal reproducible sample code or I cannot do anything and will be forced to close the issue.

Commented On 05 Oct 2022 at 10:11:34

Zoontek

Splash Screen is not expanding fully to the size of the device dimensions

Bug summary

This is how Splash Screen is rendering in my device,

WhatsApp Image 2022-10-05 at 12 38 40 PM

I want the white background to fully occupy the screen.

Is there any way to control the dimensions of the splash screen?

Library version

react-native-bootsplash: 4.3.2

Environment info

System:
    OS: macOS 12.5
    CPU: (8) x64 Apple M1
    Memory: 24.02 MB / 8.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 14.0.0 - /usr/local/bin/node
    Yarn: Not Found
    npm: 6.14.4 - /usr/local/bin/npm
    Watchman: Not Found
  Managers:
    CocoaPods: 1.11.2 - /opt/homebrew/bin/pod
  SDKs:
    iOS SDK:
      Platforms: DriverKit 21.4, iOS 15.5, macOS 12.3, tvOS 15.4, watchOS 8.5
    Android SDK: Not Found
  IDEs:
    Android Studio: 4.2 AI-202.7660.26.42.7351085
    Xcode: 13.4.1/13F100 - /usr/bin/xcodebuild
  Languages:
    Java: 11.0.10 - /usr/bin/javac
  npmPackages:
    @react-native-community/cli: Not Found
    react: 18.0.0 => 18.0.0 
    react-native: 0.69.5 => 0.69.5 
    react-native-macos: Not Found
  npmGlobalPackages:
    *react-native*: Not Found 

Steps to reproduce

  1. Please clone the repository form mentioned link(Repository link is given in Reproducible sample code section)

2.Just run the app in your mobile

Please be notified that App just stays at Splash Screen only as I didn't call RNBootSplash.hide({ fade: true }).

Reproducible sample code

Please find the reproducible demo here -- https://github.com/Yandamuri/-react-native-boot-splash-test 

Forked On 05 Oct 2022 at 10:04:53

Zoontek

@Yandamuri Do you struggle on iOS or Android? Device? System version?

Commented On 05 Oct 2022 at 10:04:53

Zoontek

Splash Screen is not expanding fully to the size of the device dimensions

Bug summary

This is how Splash Screen is rendering in my device,

WhatsApp Image 2022-10-05 at 12 38 40 PM

I want the white background to fully occupy the screen.

Is there any way to control the dimensions of the splash screen?

Library version

react-native-bootsplash: 4.3.2

Environment info

System:
    OS: macOS 12.5
    CPU: (8) x64 Apple M1
    Memory: 24.02 MB / 8.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 14.0.0 - /usr/local/bin/node
    Yarn: Not Found
    npm: 6.14.4 - /usr/local/bin/npm
    Watchman: Not Found
  Managers:
    CocoaPods: 1.11.2 - /opt/homebrew/bin/pod
  SDKs:
    iOS SDK:
      Platforms: DriverKit 21.4, iOS 15.5, macOS 12.3, tvOS 15.4, watchOS 8.5
    Android SDK: Not Found
  IDEs:
    Android Studio: 4.2 AI-202.7660.26.42.7351085
    Xcode: 13.4.1/13F100 - /usr/bin/xcodebuild
  Languages:
    Java: 11.0.10 - /usr/bin/javac
  npmPackages:
    @react-native-community/cli: Not Found
    react: 18.0.0 => 18.0.0 
    react-native: 0.69.5 => 0.69.5 
    react-native-macos: Not Found
  npmGlobalPackages:
    *react-native*: Not Found 

Steps to reproduce

  1. Please clone the repository form mentioned link(Repository link is given in Reproducible sample code section)

2.Just run the app in your mobile

Please be notified that App just stays at Splash Screen only as I didn't call RNBootSplash.hide({ fade: true }).

Reproducible sample code

Please find the reproducible demo here -- https://github.com/Yandamuri/-react-native-boot-splash-test 

Forked On 05 Oct 2022 at 09:03:40

Zoontek

@Yandamuri https://github.com/Yandamuri/-react-native-boot-splash-test is not accessible.

Commented On 05 Oct 2022 at 09:03:40

Zoontek

App stuck with blank white screen when restarted to apply code push changes

Bug summary

I am using react-native-code-push for OTA updates. As soon as user enters the app there will be check for updates and if there are any, then app displays a confirmation window. if the user taps on INSTALL button then app downloads the updates and then restarts to apply the changes. This is the usual behaviour in my app.

Now, I started using react-native-bootsplash. Since then, when app restarts for applying the OTA updates, white screen appears and app gets stuck and never proceeds for further. Now If I swipe close the app and open then app stuck at Splash Screen. I used to work with react-native-splash-screen and never observed such a behaviour when applying OTA updates.

This issue is occurring in

react-native: 0.65.0. 
react-native-bootsplash: 4.3.2 

Library version

react-native-bootsplash: 4.3.2

Environment info

System:
    OS: macOS 12.5
    CPU: (8) x64 Apple M1
    Memory: 23.45 MB / 8.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 14.0.0 - /usr/local/bin/node
    Yarn: Not Found
    npm: 6.14.4 - /usr/local/bin/npm
    Watchman: Not Found
  Managers:
    CocoaPods: 1.11.2 - /opt/homebrew/bin/pod
  SDKs:
    iOS SDK:
      Platforms: DriverKit 21.4, iOS 15.5, macOS 12.3, tvOS 15.4, watchOS 8.5
    Android SDK: Not Found
  IDEs:
    Android Studio: 4.2 AI-202.7660.26.42.7351085
    Xcode: 13.4.1/13F100 - /usr/bin/xcodebuild
  Languages:
    Java: 11.0.10 - /usr/bin/javac
  npmPackages:
    @react-native-community/cli: Not Found
    react: 17.0.2 => 17.0.2 
    react-native: 0.65.0 => 0.65.0 
    react-native-macos: Not Found
  npmGlobalPackages:
    *react-native*: Not Found 

Steps to reproduce

Unable to provide steps to reproduce As I am unable to provide any reproducible sample code.

Reproducible sample code

Unable to provide reproducible sample code as the project is huge. 

Forked On 05 Oct 2022 at 08:02:25

Zoontek

Please provide more infos. Does this happen on iOS or Android? Which OS version?

Commented On 05 Oct 2022 at 08:02:25

Zoontek

started

Started On 04 Oct 2022 at 06:46:41

Zoontek

Remove FieldsListener

Pushed On 04 Oct 2022 at 04:16:27
Create Branch

Zoontek

A simple, fast, and opinionated form library for React & React Native focusing on UX.

On 04 Oct 2022 at 04:11:34
Create Branch

Zoontek

A simple, fast, and opinionated form library for React & React Native focusing on UX.

On 04 Oct 2022 at 03:22:00
Merge

Zoontek

Add AsyncData Result helpers
Forked On 04 Oct 2022 at 02:53:04

Zoontek

AsyncData, no? (casing - same for all the JSdocs)
On 04 Oct 2022 at 02:53:04

Zoontek

Add AsyncData Result helpers
Merged On 04 Oct 2022 at 02:53:09

Zoontek

Commented On 04 Oct 2022 at 02:53:09

Zoontek

Add AsyncData Result helpers
Merged On 04 Oct 2022 at 02:53:08

Zoontek

Commented On 04 Oct 2022 at 02:53:08

Zoontek

Switch to vitest

Pushed On 04 Oct 2022 at 02:20:05

Zoontek

Update website deps

Pushed On 04 Oct 2022 at 02:20:05

Zoontek

Bump version number

Pushed On 04 Oct 2022 at 02:20:05

Zoontek

Remove unused dependency

Pushed On 04 Oct 2022 at 02:20:05

Zoontek

Merge pull request #17 from swan-io/switch-to-vitest

Switch to vitest

Pushed On 04 Oct 2022 at 02:20:05

Zoontek

Switch to vitest

Created On 04 Oct 2022 at 02:20:04

Zoontek

Remove unused dependency

Pushed On 04 Oct 2022 at 02:19:52

Zoontek

Update dependencies

Pushed On 04 Oct 2022 at 01:38:29

Zoontek

Update vitest config

Pushed On 04 Oct 2022 at 01:34:28

Zoontek

Switch to vitest

Created On 04 Oct 2022 at 01:28:02

Zoontek

Bump version number

Pushed On 04 Oct 2022 at 01:16:42
Create Branch
Zoontek In swan-io/react-ux-form Create Branchswitch-to-vitest

Zoontek

A simple, fast, and opinionated form library for React & React Native focusing on UX.

On 04 Oct 2022 at 01:10:00

Zoontek

Bump react-native-bars

Pushed On 03 Oct 2022 at 12:46:11
Create Branch

Zoontek

Components to control your app status and navigation bars.

On 03 Oct 2022 at 12:41:49

Zoontek

Remove adjustPan mention

Pushed On 03 Oct 2022 at 12:36:27