Skip to content

Commit a7d2f11

Browse files
authored
docs: add ready to copy-paste example in README
1 parent 9d891d1 commit a7d2f11

File tree

1 file changed

+18
-20
lines changed

1 file changed

+18
-20
lines changed

README.md

Lines changed: 18 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -86,30 +86,28 @@ protected List<ReactPackage> getPackages() {
8686
## Usage
8787

8888
```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+
};
107105

108106
const styles = StyleSheet.create({
109107
viewPager: {
110-
flex: 1
108+
flex: 1,
111109
},
112-
})
110+
});
113111
```
114112

115113
## API

0 commit comments

Comments
 (0)