https://commitocracy.com/implementing-foldview-in-react-native-e970011f98b8
https://github.com/jmurzy/react-native-foldview
git clone https://github.com/jmurzy/react-native-foldview
cd react-native-foldview/examples/Simple
npm install
npm run ios
quick update on the FoldView.js, make sure to clear cache and reload the app afterwards
const baseStyle = this.state.baseLayout ? {
height: this.state.baseLayout.height,
} : styles.base;
update to
const baseStyle = this.state.baseLayout ? {
height: this.state.baseLayout.height,
flex: 1
} : styles.base;
有用的评论
Nice work, Jake!
I managed to create the same effect without the transform-origin property, but I don’t know if it can be applied to React Native.
Take a look: https://jsfiddle.net/melomario/bc2w31jo/1/
Thanks! I do have it on Exponent, but some of the Touchables aren’t responding as they should due to a pointerEvents
bug in Exponent.
https://exp.host/@jmurzy/react-native-foldview-example-simple
Once, they fix the issue, I’ll also include the link in the README.