backdropColor is not working in iOS
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);
Thanks for logging this, @nimamyscreen.
@mohebifar is there anything else that would be helpful for you to be able to check this code? Would an issue template with more information be useful? This issue looks pretty minimal to me, and I'm asking because I wonder if we could provide more help for people logging issues by showing them (in an issue template) what information we might need, before hand.
Yeah, I think issue templates are great. I remember @cfnelson told me that we had a template for our OSS projects at OKGrow!. I can follow up with him on that. Thanks for the suggestion, Richard.
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
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
this is also dont work for me
try uninstalling and install using below command
npm install --save @okgrow/react-native-copilot@https://github.com/okgrow/react-native-copilot#master