Comments (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.
any update on this.
from react-native-copilot.
Would love to see these changes integrated so we can scroll within the tutorial.
from react-native-copilot.
@thibautguedou3 how to use your fork?
from react-native-copilot.
@mohebifar What do you think?
from react-native-copilot.
@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.
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)
- Invariant Violation: "copilot" has not been registered. This can happen if: * Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project. * A module failed to load due to an error and `AppRegistry.registerComponent` wasn't called., js engine: hermes HOT 1
- Autostart on mount HOT 11
- Error: AnimatedValue: Attempting to set value to undefined HOT 2
- toolTipStyle HOT 3
- Modal HOT 1
- Would like to run a function when "finish" is called, but not if "skip" was pressed
- Automatic movement of tooltips in scroll view HOT 5
- Restarting the guide HOT 1
- Multiple Copilot Tutorials HOT 1
- React-Navigation - tour on multiple screens HOT 2
- Need copilot step for multiple element on custom component HOT 3
- TooltipCustomComponent Props issue
- Tooltip view is not being set properly with Parent and Child components. HOT 4
- Is it possible to style the button of react-native-copilot. HOT 1
- Doesn't work with Expo Web
- start(fromStep?: string) is not working and not even starting the tutorial HOT 1
- Android Overlay doesn't work HOT 1
- Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()? HOT 3
- Calling start() on useEffect does not register/use all steps, only the first one HOT 3
- No RTL support
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-copilot.