File tree Expand file tree Collapse file tree 1 file changed +18
-20
lines changed Expand file tree Collapse file tree 1 file changed +18
-20
lines changed Original file line number Diff line number Diff line change @@ -86,30 +86,28 @@ protected List<ReactPackage> getPackages() {
86
86
## Usage
87
87
88
88
``` js
89
- import ViewPager from " @react-native-community/viewpager" ;
90
-
91
- class MyPager extends React .Component {
92
- render () {
93
- return (
94
- < ViewPager
95
- style= {styles .viewPager }
96
- initialPage= {0 }>
97
- < View key= " 1" >
98
- < Text > First page< / Text >
99
- < / View>
100
- < View key= " 2" >
101
- < Text > Second page< / Text >
102
- < / View>
103
- < / ViewPager>
104
- );
105
- }
106
- }
89
+ import React from ' react' ;
90
+ import {StyleSheet , View , Text } from ' react-native' ;
91
+ import ViewPager from ' @react-native-community/viewpager' ;
92
+
93
+ const MyPager = () => {
94
+ return (
95
+ < ViewPager style= {styles .viewPager } initialPage= {0 }>
96
+ < View key= " 1" >
97
+ < Text > First page< / Text >
98
+ < / View>
99
+ < View key= " 2" >
100
+ < Text > Second page< / Text >
101
+ < / View>
102
+ < / ViewPager>
103
+ );
104
+ };
107
105
108
106
const styles = StyleSheet .create ({
109
107
viewPager: {
110
- flex: 1
108
+ flex: 1 ,
111
109
},
112
- })
110
+ });
113
111
```
114
112
115
113
## API
You can’t perform that action at this time.
0 commit comments