Move multicolumn out to separate example

Summary: Changelog: [Internal] Refactor FlatList examples, move multi-column under FlatList index

Reviewed By: charlesbdudley

Differential Revision: D30816719

fbshipit-source-id: 3fb9a30ddb58ca302a1b1b5a23ea964f3793b836

Author: Luna Wei

…amples/MultiColumn/MultiColumnExample.js …xamples/FlatList/FlatList-multiColumn.jspackages/rn-tester/js/examples/MultiColumn/MultiColumnExample.js renamed to packages/rn-tester/js/examples/FlatList/FlatList-multiColumn.js packages/rn-tester/js/examples/MultiColumn/MultiColumnExample.js renamed to packages/rn-tester/js/examples/FlatList/FlatList-multiColumn.js

@@ -9,6 +9,7 @@
  */
 
 'use strict';
+import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
 const RNTesterPage = require('../../components/RNTesterPage');
 const React = require('react');
 
@@ -204,14 +205,9 @@ const styles = StyleSheet.create({
   },
 });
 
-exports.title = 'FlatList - MultiColumn';
-exports.category = 'ListView';
-exports.description = 'Performant, scrollable grid of data.';
-exports.examples = [
-  {
-    title: 'Simple flat list multi column',
-    render: function(): React.Element<typeof MultiColumnExample> {
-      return <MultiColumnExample />;
-    },
-  },
-];
+export default ({
+  title: 'MultiColumn',
+  name: 'multicolumn',
+  description: 'Performant, scrollable grid of data',
+  render: () => <MultiColumnExample />,
+}: RNTesterModuleExample);

packages/rn-tester/js/examples/FlatList/FlatListExampleIndex.js

@@ -15,6 +15,7 @@ import ContentInsetExample from './FlatList-contentInset';
 import InvertedExample from './FlatList-inverted';
 import onViewableItemsChangedExample from './FlatList-onViewableItemsChanged';
 import WithSeparatorsExample from './FlatList-withSeparators';
+import MultiColumnExample from './FlatList-multiColumn';
 
 export default ({
   framework: 'React',
@@ -30,5 +31,6 @@ export default ({
     InvertedExample,
     onViewableItemsChangedExample,
     WithSeparatorsExample,
+    MultiColumnExample,
   ],
 }: RNTesterModule);

packages/rn-tester/js/utils/RNTesterList.android.js

@@ -47,11 +47,6 @@ const Components: Array<RNTesterModuleInfo> = [
     category: 'UI',
     module: require('../examples/Modal/ModalExample'),
   },
-  {
-    key: 'MultiColumnExample',
-    category: 'ListView',
-    module: require('../examples/MultiColumn/MultiColumnExample'),
-  },
   {
     key: 'NewAppScreenExample',
     module: require('../examples/NewAppScreen/NewAppScreenExample'),

packages/rn-tester/js/utils/RNTesterList.ios.js

@@ -61,11 +61,6 @@ const Components: Array<RNTesterModuleInfo> = [
     module: require('../examples/Modal/ModalExample'),
     supportsTVOS: true,
   },
-  {
-    key: 'MultiColumnExample',
-    module: require('../examples/MultiColumn/MultiColumnExample'),
-    supportsTVOS: true,
-  },
   {
     key: 'NewAppScreenExample',
     module: require('../examples/NewAppScreen/NewAppScreenExample'),