Add basic examples

Author: Minishlink

docs/.storybook/webpack.config.js

@@ -22,6 +22,8 @@ module.exports = (storybookBaseConfig, configType) => {
 
   storybookBaseConfig.resolve.alias = {
     'react-native': 'react-native-web',
+    'FlatList': path.join(__dirname, '../../src/FlatList'),
+    'SectionList': path.join(__dirname, '../../src/SectionList'),
   };
 
   return storybookBaseConfig;

docs/stories/index.js

@@ -1,6 +1,18 @@
 import React from 'react';
-import YourComponent from 'react-native-web-name'
+import { Text } from 'react-native';
+import FlatList from 'FlatList';
+import SectionList from 'SectionList';
 
 import { storiesOf } from '@storybook/react';
 
-storiesOf('YourComponent', module).add('basic', () => <YourComponent />);
+storiesOf('FlatList', module).add('basic', () => (
+  <FlatList data={[{ key: 'a' }, { key: 'b' }]} renderItem={({ item }) => <Text>{item.key}</Text>} />
+));
+
+storiesOf('SectionList', module).add('basic', () => (
+  <SectionList
+    renderItem={({ item }) => <Text>Item: {item.key}</Text>}
+    renderSectionHeader={({ section }) => <Text>Header: {section.title}</Text>}
+    sections={[{ data: [{ key: 'a' }, { key: 'b' }], title: 'A' }, { data: [{ key: 'c' }, { key: 'd' }], title: 'B' }]}
+  />
+));