Code Monkey home page Code Monkey logo

Comments (7)

Usamaliaquat123 avatar Usamaliaquat123 commented on May 22, 2024 7

try this

 componentDidMount() {
    // Starting the tutorial and passing the scrollview reference.
    this.props.start(false, this.scrollView);
  }

  componentWillUnmount() {
    // Don't forget to disable event handlers to prevent errors
    this.props.copilotEvents.off("stop");
  }

  render() {
    <ScrollView ref={ref => (this.scrollView = ref)}>// ...</ScrollView>;
  }
}

from react-native-copilot.

vokhuyetOz avatar vokhuyetOz commented on May 22, 2024 6

any update on this.

from react-native-copilot.

rgordon95 avatar rgordon95 commented on May 22, 2024 3

Would love to see these changes integrated so we can scroll within the tutorial.

from react-native-copilot.

AE0011 avatar AE0011 commented on May 22, 2024 2

@thibautguedou3 how to use your fork?

from react-native-copilot.

RichardLitt avatar RichardLitt commented on May 22, 2024

@mohebifar What do you think?

from react-native-copilot.

mohebifar avatar mohebifar commented on May 22, 2024

@thibautguedou3 This is indeed interesting! Could you please provide an example of the scroll view and how that is handled by copilot?

  • Is the position of the scroll view updated automatically?
  • Does the scroll view need to be the root copilot component or it can be descendant of it?

Also, I noticed that in your fork 's are replaced with " that may not match our linting rules.

from react-native-copilot.

naffiq avatar naffiq commented on May 22, 2024

Hi! I've been implementing tutorial in our app and have couple of suggestions to thread.
It might be better to consider more scenarios, like switching tabs and animating TextInput filling, that might need similar solution implementation.

Besides, we're using KeyboardAwareScrollView component (and I think many of others might) that might need customization at this point.

from react-native-copilot.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.