react-native-copilot icon indicating copy to clipboard operation
react-native-copilot copied to clipboard

backdropColor is not working in iOS

Open nimabk82 opened this issue 7 years ago • 5 comments

  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);

nimabk82 avatar Oct 11 '18 08:10 nimabk82

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.

RichardLitt avatar Oct 11 '18 10:10 RichardLitt

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.

mohebifar avatar Oct 11 '18 13:10 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

AishwaryaSurana avatar Nov 21 '18 05:11 AishwaryaSurana

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

ghost avatar Dec 06 '18 13:12 ghost

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

sagark1510 avatar Dec 20 '18 08:12 sagark1510