From bcdcc4a97dff6b6cca3734ddfe4b8a93e23ecf04 Mon Sep 17 00:00:00 2001 From: Website Deployment Script Date: Mon, 7 May 2018 21:12:43 +0000 Subject: [PATCH] Deploy website Deploy website version based on e3853cbe20789f1a505e178ded731efdd79b6cae --- docs/next/using-a-scrollview.html | 52 +++++++++++++++---------------- 1 file changed, 26 insertions(+), 26 deletions(-) diff --git a/docs/next/using-a-scrollview.html b/docs/next/using-a-scrollview.html index 4080441c99b..f50b3393c75 100644 --- a/docs/next/using-a-scrollview.html +++ b/docs/next/using-a-scrollview.html @@ -14,35 +14,35 @@ return ( <ScrollView> <Text style={{fontSize:96}}>Scroll me plz</Text> - <Image source={require('/react-native/img/favicon.png')} /> - <Image source={require('/react-native/img/favicon.png')} /> - <Image source={require('/react-native/img/favicon.png')} /> - <Image source={require('/react-native/img/favicon.png')} /> - <Image source={require('/react-native/img/favicon.png')} /> + <Image source={{uri: "http://facebook.github.io/react-native/img/favicon.png", width: 64, height: 64}} /> + <Image source={{uri: "http://facebook.github.io/react-native/img/favicon.png", width: 64, height: 64}} /> + <Image source={{uri: "http://facebook.github.io/react-native/img/favicon.png", width: 64, height: 64}} /> + <Image source={{uri: "http://facebook.github.io/react-native/img/favicon.png", width: 64, height: 64}} /> + <Image source={{uri: "http://facebook.github.io/react-native/img/favicon.png", width: 64, height: 64}} /> <Text style={{fontSize:96}}>If you like</Text> - <Image source={require('/react-native/img/favicon.png')} /> - <Image source={require('/react-native/img/favicon.png')} /> - <Image source={require('/react-native/img/favicon.png')} /> - <Image source={require('/react-native/img/favicon.png')} /> - <Image source={require('/react-native/img/favicon.png')} /> + <Image source={{uri: "http://facebook.github.io/react-native/img/favicon.png", width: 64, height: 64}} /> + <Image source={{uri: "http://facebook.github.io/react-native/img/favicon.png", width: 64, height: 64}} /> + <Image source={{uri: "http://facebook.github.io/react-native/img/favicon.png", width: 64, height: 64}} /> + <Image source={{uri: "http://facebook.github.io/react-native/img/favicon.png", width: 64, height: 64}} /> + <Image source={{uri: "http://facebook.github.io/react-native/img/favicon.png", width: 64, height: 64}} /> <Text style={{fontSize:96}}>Scrolling down</Text> - <Image source={require('/react-native/img/favicon.png')} /> - <Image source={require('/react-native/img/favicon.png')} /> - <Image source={require('/react-native/img/favicon.png')} /> - <Image source={require('/react-native/img/favicon.png')} /> - <Image source={require('/react-native/img/favicon.png')} /> + <Image source={{uri: "http://facebook.github.io/react-native/img/favicon.png", width: 64, height: 64}} /> + <Image source={{uri: "http://facebook.github.io/react-native/img/favicon.png", width: 64, height: 64}} /> + <Image source={{uri: "http://facebook.github.io/react-native/img/favicon.png", width: 64, height: 64}} /> + <Image source={{uri: "http://facebook.github.io/react-native/img/favicon.png", width: 64, height: 64}} /> + <Image source={{uri: "http://facebook.github.io/react-native/img/favicon.png", width: 64, height: 64}} /> <Text style={{fontSize:96}}>What's the best</Text> - <Image source={require('/react-native/img/favicon.png')} /> - <Image source={require('/react-native/img/favicon.png')} /> - <Image source={require('/react-native/img/favicon.png')} /> - <Image source={require('/react-native/img/favicon.png')} /> - <Image source={require('/react-native/img/favicon.png')} /> + <Image source={{uri: "http://facebook.github.io/react-native/img/favicon.png", width: 64, height: 64}} /> + <Image source={{uri: "http://facebook.github.io/react-native/img/favicon.png", width: 64, height: 64}} /> + <Image source={{uri: "http://facebook.github.io/react-native/img/favicon.png", width: 64, height: 64}} /> + <Image source={{uri: "http://facebook.github.io/react-native/img/favicon.png", width: 64, height: 64}} /> + <Image source={{uri: "http://facebook.github.io/react-native/img/favicon.png", width: 64, height: 64}} /> <Text style={{fontSize:96}}>Framework around?</Text> - <Image source={require('/react-native/img/favicon.png')} /> - <Image source={require('/react-native/img/favicon.png')} /> - <Image source={require('/react-native/img/favicon.png')} /> - <Image source={require('/react-native/img/favicon.png')} /> - <Image source={require('/react-native/img/favicon.png')} /> + <Image source={{uri: "http://facebook.github.io/react-native/img/favicon.png", width: 64, height: 64}} /> + <Image source={{uri: "http://facebook.github.io/react-native/img/favicon.png", width: 64, height: 64}} /> + <Image source={{uri: "http://facebook.github.io/react-native/img/favicon.png", width: 64, height: 64}} /> + <Image source={{uri: "http://facebook.github.io/react-native/img/favicon.png", width: 64, height: 64}} /> + <Image source={{uri: "http://facebook.github.io/react-native/img/favicon.png", width: 64, height: 64}} /> <Text style={{fontSize:80}}>React Native</Text> </ScrollView> ); @@ -53,7 +53,7 @@ AppRegistry.registerComponent( 'AwesomeProject', () => IScrolledDownAndWhatHappenedNextShockedMe); - +

ScrollViews can be configured to allow paging through views using swiping gestures by using the pagingEnabled props. Swiping horizontally between views can also be implemented on Android using the ViewPagerAndroid component.

A ScrollView with a single item can be used to allow the user to zoom content. Set up the maximumZoomScale and minimumZoomScale props and your user will be able to use pinch and expand gestures to zoom in and out.