fabio-alss-freitas / react-native-animated-splash-screen Goto Github PK
View Code? Open in Web Editor NEWAnimated splash screen component for React Native project.
License: MIT License
Animated splash screen component for React Native project.
License: MIT License
I have a little problem with imageBackgroundSource
, the image is displayed well on iOS but doesn't appear on Android (device and emulator)
When using the latest API to build an app, Android forces dark mode in some applications. This breaks the splash screen by changing the color of Animated.View
component.
The only way to prevent that from happening is disabling forced dark mode.
android/app/src/main/res/values/styles.xml
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
//...
<item name="android:forceDarkAllowed">false</item> // <- add this
</style>
</resources>
How to remove the default white splash screen from android and ios?
Hello!
I've been getting an issue these past few days. I can't seem to add more than two elements inside the AnimatedSplash component. How can I use the children prop to render more than one element?
Thanks in advance!
When i use AnimatedSplash in my app.js, all my headers get cut off because AnimatedSplash isn't using SafeAreaView...
Issue
Hello!
I've recently installed the splash screen via Yarn, but when I try and import the AnimatedSplash component, this shows up on my IDE!
Could not find a declaration file for module 'react-native-animated-splash-screen'. 'c:/Users/moallim10/StuLink/stulink-app/node_modules/react-native-animated-splash-screen/index.js' implicitly has an 'any' type. Try
npm install @types/react-native-animated-splash-screenif it exists or add a new declaration (.d.ts) file containing
declare module 'react-native-animated-splash-screen';
This then doesn't let me use the AnimatedSplash component properly!
Enviroment
React Navigation V5
React Native 0.63
Expo SDK 38
Hello, I want to use a gif background for splash screen background. Is that possible? Thanks.
Hi, there.
Can you please add gradient support for the background? It would be very helpful. Thanks
I tried implementing the library, it works fine but my bottom tab navigation is not covered by the splash screen
Hello,
Would it be possible to add a gif, video or a lottie component?
I have installed the react-animated-splash-screen. At the launch of the application the Splash screen appears and nothing happen then...
Test has been done on IOS simulator IOS11 and not on Android yet.
The following warning appear on the bottom of the splash screen :
Possible Unhandled Promise Rejection (id: 0): ReferenceError: Can't find variable: loadAsync
On App.js
`
import AnimatedSplash from 'react-native-animated-splash-screen';
....
const AppNavigator = createSwitchNavigator(
{
Auth: AuthStack,
Sinister: SinisterStack,
CivicMain: CivicContainer,
},
{
initialRouteName: 'Auth',
mode:'modal',
}
);
const AppContainer = createAppContainer(AppNavigator);
export default class App extends React.Component {
state = {
isLoaded: false,
}
async componentDidMount() {
await loadAsync()
this.setState({ isLoaded: true })
}
render() {
return (
<AnimatedSplash
translucent={true}
isLoaded={this.state.isLoaded}
logoImage={require("./assets/img/IconBlanc.png")}
backgroundColor={"#ffffff"}
logoHeight={200}
logoWidth={200}
>
<AppContainer />
</AnimatedSplash>
);
}
}
`
After the Splash Screen the initial Route name 'Auth' should appear.
React Native 0.62 (Not Expo)
React Navigation 4.x
MacOS 10.15.22
Needing your help and support thank you!
I seem to have a small flicker when the logo before the is loaded.
It seems to complete the rendering of the component but the image has completed. A small flicker is shown just before it is loaded
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.