Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

backdropColor is not working in iOS #80

Open
nimabk82 opened this issue Oct 11, 2018 · 5 comments
Open

backdropColor is not working in iOS #80

nimabk82 opened this issue Oct 11, 2018 · 5 comments

Comments

@nimabk82
Copy link

  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);
@RichardLitt
Copy link
Contributor

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.

@mohebifar
Copy link
Owner

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.

@AishwaryaSurana
Copy link

AishwaryaSurana commented Nov 21, 2018

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

@ghost
Copy link

ghost commented Dec 6, 2018

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

@sagark1510
Copy link

try uninstalling and install using below command
npm install --save @okgrow/react-native-copilot@https://github.com/okgrow/react-native-copilot#master

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants