backdropColor is not working in iOS
See original GitHub issue render() {
return (
<View style={styles.container}>
<CopilotStep text="Hey! This is the first step of the tour!" order={1} name="openApp">
<WalkthroughableText style={styles.title}>
{'Welcome to the demo of\n"React Native Copilot"'}
</WalkthroughableText>
</CopilotStep>
<View style={styles.middleView}>
<CopilotStep active={this.state.secondStepActive} text="Here goes your profile picture!" order={2} name="secondText">
<WalkthroughableImage
source={{ uri: 'https://pbs.twimg.com/profile_images/527584017189982208/l3wwN-l-_400x400.jpeg' }}
style={styles.profilePhoto}
/>
</CopilotStep>
<View style={styles.activeSwitchContainer}>
<Text>Profile photo step activated?</Text>
<View style={{ flexGrow: 1 }} />
<Switch
onValueChange={secondStepActive => this.setState({ secondStepActive })}
value={this.state.secondStepActive}
/>
</View>
<TouchableOpacity style={styles.button} onPress={() => this.props.start()}>
<Text style={styles.buttonText}>START THE TUTORIAL!</Text>
</TouchableOpacity>
</View>
<View style={styles.row}>
<CopilotStep text="Here is an item in the corner of the screen." order={3} name="thirdText">
<WalkthroughableText style={styles.tabItem}>
</WalkthroughableText>
</CopilotStep>
</View>
</View>
);
}
}
export default copilot({
backdropColor:"rgb(30, 70, 10, 1)",
animated: true, // Can be true or false
overlay: 'svg', // Can be either view or svg
})(WalkThrough);
Issue Analytics
- State:
- Created 5 years ago
- Comments:5 (2 by maintainers)
Top Results From Across the Web
backdropColor is not working in iOS · Issue #80 - GitHub
This issue looks pretty minimal to me, and I'm asking because I wonder if we could provide more help for people logging issues...
Read more >Background color doesn't work on iPhone - Apple Community
Background color doesn't work on iPhone. Background color doesn't show on iPhone to use. It use too. I use it. Show more Less....
Read more >React Native modal flashes when set visible to false in IOS ...
This is my setup and there is no flickering on either side. <Modal onBackdropPress={toggleModal} backdropColor="#344356" ...
Read more >Modal - React Native
... events will not be emitted as long as the modal is open. On iOS, this callback is called when a Modal is...
Read more >backdrop - CSS: Cascading Style Sheets - MDN Web Docs
Browser compatibility. Report problems with this compatibility data on GitHub ... Safari on iOS15.4. Toggle history. Full support.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
try uninstalling and install using below command
npm install --save @okgrow/react-native-copilot@https://github.com/okgrow/react-native-copilot#master
I am also unable to provide backdrop color. Were you able to do it @nimamyscreen ?
copilot({ backdropColor:"rgba(50, 50, 100, 0.9)", })(RootComponent)
This don’t work @mohebifar