Refactor SectionListExample

Summary: Changelog: [Internal] - Refactor SectionListExample

Reviewed By: kacieb

Differential Revision: D29480050

fbshipit-source-id: edaa21e12d4be0fbe3d6cf147c74b8144eb7c3de

packages/rn-tester/js/examples/SectionList/SectionList-scrollable.js

@@ -146,7 +146,9 @@ const onScrollToIndexFailed = (info: {
    */
 };
 
-function SectionListExample(Props: {...}): React.Element<typeof RNTesterPage> {
+export function SectionList_scrollable(Props: {
+  ...,
+}): React.Element<typeof RNTesterPage> {
   const scrollPos = new Animated.Value(0);
   const scrollSinkY = Animated.event(
     [{nativeEvent: {contentOffset: {y: scrollPos}}}],
@@ -338,16 +340,10 @@ const styles = StyleSheet.create({
   },
 });
 
-exports.title = 'SectionList';
-exports.category = 'ListView';
-exports.documentationURL = 'https://reactnative.dev/docs/sectionlist';
-exports.description = 'Performant, scrollable list of data.';
-exports.showIndividualExamples = true;
-exports.examples = [
-  {
-    title: 'Simple scrollable list',
-    render: function(): React.Element<typeof SectionListExample> {
-      return <SectionListExample />;
-    },
+export default {
+  title: 'SectionList scrollable',
+  name: 'SectionList-scrollable',
+  render: function(): React.Element<typeof SectionList_scrollable> {
+    return <SectionList_scrollable />;
   },
-];
+};

packages/rn-tester/js/examples/SectionList/SectionListIndex.js

@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow
+ */
+
+'use strict';
+
+import SectionList_Scrollable from './SectionList-scrollable';
+
+exports.title = 'SectionList';
+exports.category = 'ListView';
+exports.documentationURL = 'https://reactnative.dev/docs/sectionlist';
+exports.description = 'Performant, scrollable list of data.';
+exports.examples = [SectionList_Scrollable];

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

@@ -122,7 +122,7 @@ const Components: Array<RNTesterModuleInfo> = [
   {
     key: 'SectionListExample',
     category: 'ListView',
-    module: require('../examples/SectionList/SectionListExample'),
+    module: require('../examples/SectionList/SectionListIndex'),
   },
   {
     key: 'StatusBarExample',

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

@@ -145,7 +145,7 @@ const Components: Array<RNTesterModuleInfo> = [
   },
   {
     key: 'SectionListExample',
-    module: require('../examples/SectionList/SectionListExample'),
+    module: require('../examples/SectionList/SectionListIndex'),
     category: 'ListView',
     supportsTVOS: true,
   },