question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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:open
  • Created 5 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
sagark1510commented, Dec 20, 2018

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

1reaction
AishwaryaSuranacommented, 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

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found