Browse Source

0.0.13 ScrollView, Image.

Frederic G. MARAND 6 years ago
parent
commit
2816ac496f
3 changed files with 49 additions and 1 deletions
  1. 1 1
      App.js
  2. 48 0
      App12ScrollView.js
  3. BIN
      img/favicon.png

+ 1 - 1
App.js

@@ -1,6 +1,6 @@
 // import { AppRegistry } from 'react-native';
 
-import App from './App11Touchables';
+import App from './App12ScrollView';
 
 export default App;
 

+ 48 - 0
App12ScrollView.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import {
+  Image,
+  ScrollView,
+  Text,
+} from 'react-native';
+
+class IScrolledDownAndWhatHappenedNextShockedMe extends React.Component {
+  render() {
+    return (
+      <ScrollView>
+        <Text style={{ fontSize: 96 }}>Scroll me plz</Text>
+        <Image source={require('./img/favicon.png')} />
+        <Image source={require('./img/favicon.png')} />
+        <Image source={require('./img/favicon.png')} />
+        <Image source={require('./img/favicon.png')} />
+        <Image source={require('./img/favicon.png')} />
+        <Text style={{ fontSize: 96 }}>If you like</Text>
+        <Image source={require('./img/favicon.png')} />
+        <Image source={require('./img/favicon.png')} />
+        <Image source={require('./img/favicon.png')} />
+        <Image source={require('./img/favicon.png')} />
+        <Image source={require('./img/favicon.png')} />
+        <Text style={{ fontSize: 96 }}>Scrolling down</Text>
+        <Image source={require('./img/favicon.png')} />
+        <Image source={require('./img/favicon.png')} />
+        <Image source={require('./img/favicon.png')} />
+        <Image source={require('./img/favicon.png')} />
+        <Image source={require('./img/favicon.png')} />
+        <Text style={{ fontSize: 96 }}>What's the best</Text>
+        <Image source={require('./img/favicon.png')} />
+        <Image source={require('./img/favicon.png')} />
+        <Image source={require('./img/favicon.png')} />
+        <Image source={require('./img/favicon.png')} />
+        <Image source={require('./img/favicon.png')} />
+        <Text style={{ fontSize: 96 }}>Framework around?</Text>
+        <Image source={require('./img/favicon.png')} />
+        <Image source={require('./img/favicon.png')} />
+        <Image source={require('./img/favicon.png')} />
+        <Image source={require('./img/favicon.png')} />
+        <Image source={require('./img/favicon.png')} />
+        <Text style={{ fontSize: 80 }}>React Native</Text>
+      </ScrollView>
+    );
+  }
+}
+
+export default IScrolledDownAndWhatHappenedNextShockedMe;

BIN
img/favicon.png