mirror of
https://github.com/zhigang1992/react-native.git
synced 2026-04-29 04:35:36 +08:00
Summary: Continuation of #24687 > Issue: [Polish the "new app screen"](https://github.com/react-native-community/discussions-and-proposals/issues/122) > This is the pull request for the new intro screen proposal in react native as directed by cpojer This PR was created because the previous one could not be pushed to for some reason. I cleaned up a few small things and added the component as an example to RNTester so we can keep iterating. My plan is to land this, and then polish it and make it the default in a follow-up. [General][Added] - New Intro screen, Icons Removed Lottie Integration 100% React Native 💥 Pull Request resolved: https://github.com/facebook/react-native/pull/24737 Differential Revision: D15259092 Pulled By: cpojer fbshipit-source-id: bc141fb1425cf354f29deffd907c37f83fd92c75
359 lines
7.5 KiB
JavaScript
359 lines
7.5 KiB
JavaScript
/**
|
|
* 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 type {RNTesterExample} from './Shared/RNTesterTypes';
|
|
|
|
const ComponentExamples: Array<RNTesterExample> = [
|
|
{
|
|
key: 'ActivityIndicatorExample',
|
|
module: require('./ActivityIndicatorExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'ARTExample',
|
|
module: require('./ARTExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'ButtonExample',
|
|
module: require('./ButtonExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'DatePickerIOSExample',
|
|
module: require('./DatePickerIOSExample'),
|
|
supportsTVOS: false,
|
|
},
|
|
{
|
|
key: 'FlatListExample',
|
|
module: require('./FlatListExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'ImageExample',
|
|
module: require('./ImageExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'InputAccessoryViewExample',
|
|
module: require('./InputAccessoryViewExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'KeyboardAvoidingViewExample',
|
|
module: require('./KeyboardAvoidingViewExample'),
|
|
supportsTVOS: false,
|
|
},
|
|
{
|
|
key: 'LayoutEventsExample',
|
|
module: require('./LayoutEventsExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'MaskedViewExample',
|
|
module: require('./MaskedViewExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'ModalExample',
|
|
module: require('./ModalExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'MultiColumnExample',
|
|
module: require('./MultiColumnExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'NewAppScreenExample',
|
|
module: require('./NewAppScreenExample'),
|
|
supportsTVOS: false,
|
|
},
|
|
{
|
|
key: 'PickerExample',
|
|
module: require('./PickerExample'),
|
|
supportsTVOS: false,
|
|
},
|
|
{
|
|
key: 'PickerIOSExample',
|
|
module: require('./PickerIOSExample'),
|
|
supportsTVOS: false,
|
|
},
|
|
{
|
|
key: 'ProgressViewIOSExample',
|
|
module: require('./ProgressViewIOSExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'RefreshControlExample',
|
|
module: require('./RefreshControlExample'),
|
|
supportsTVOS: false,
|
|
},
|
|
{
|
|
key: 'ScrollViewSimpleExample',
|
|
module: require('./ScrollViewSimpleExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'SafeAreaViewExample',
|
|
module: require('./SafeAreaViewExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'ScrollViewExample',
|
|
module: require('./ScrollViewExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'SectionListExample',
|
|
module: require('./SectionListExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'SegmentedControlIOSExample',
|
|
module: require('./SegmentedControlIOSExample'),
|
|
supportsTVOS: false,
|
|
},
|
|
{
|
|
key: 'SliderExample',
|
|
module: require('./SliderExample'),
|
|
supportsTVOS: false,
|
|
},
|
|
{
|
|
key: 'StatusBarExample',
|
|
module: require('./StatusBarExample'),
|
|
supportsTVOS: false,
|
|
},
|
|
{
|
|
key: 'SwitchExample',
|
|
module: require('./SwitchExample'),
|
|
supportsTVOS: false,
|
|
},
|
|
{
|
|
key: 'TextExample',
|
|
module: require('./TextExample.ios'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'TextInputExample',
|
|
module: require('./TextInputExample.ios'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'TouchableExample',
|
|
module: require('./TouchableExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'TransparentHitTestExample',
|
|
module: require('./TransparentHitTestExample'),
|
|
supportsTVOS: false,
|
|
},
|
|
{
|
|
key: 'ViewExample',
|
|
module: require('./ViewExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
];
|
|
|
|
const APIExamples: Array<RNTesterExample> = [
|
|
{
|
|
key: 'AccessibilityExample',
|
|
module: require('./AccessibilityExample'),
|
|
supportsTVOS: false,
|
|
},
|
|
{
|
|
key: 'AccessibilityIOSExample',
|
|
module: require('./AccessibilityIOSExample'),
|
|
supportsTVOS: false,
|
|
},
|
|
{
|
|
key: 'ActionSheetIOSExample',
|
|
module: require('./ActionSheetIOSExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'AlertIOSExample',
|
|
module: require('./AlertIOSExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'AnimatedExample',
|
|
module: require('./AnimatedExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'AnExApp',
|
|
module: require('./AnimatedGratuitousApp/AnExApp'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'AppStateExample',
|
|
module: require('./AppStateExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'AsyncStorageExample',
|
|
module: require('./AsyncStorageExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'BorderExample',
|
|
module: require('./BorderExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'BoxShadowExample',
|
|
module: require('./BoxShadowExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'CameraRollExample',
|
|
module: require('./CameraRollExample'),
|
|
supportsTVOS: false,
|
|
},
|
|
{
|
|
key: 'ClipboardExample',
|
|
module: require('./ClipboardExample'),
|
|
supportsTVOS: false,
|
|
},
|
|
{
|
|
key: 'CrashExample',
|
|
module: require('./CrashExample'),
|
|
supportsTVOS: false,
|
|
},
|
|
{
|
|
key: 'Dimensions',
|
|
module: require('./DimensionsExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'ImageEditingExample',
|
|
module: require('./ImageEditingExample'),
|
|
supportsTVOS: false,
|
|
},
|
|
{
|
|
key: 'LayoutAnimationExample',
|
|
module: require('./LayoutAnimationExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'LayoutExample',
|
|
module: require('./LayoutExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'LinkingExample',
|
|
module: require('./LinkingExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'NativeAnimationsExample',
|
|
module: require('./NativeAnimationsExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'NetInfoExample',
|
|
module: require('./NetInfoExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'OrientationChangeExample',
|
|
module: require('./OrientationChangeExample'),
|
|
supportsTVOS: false,
|
|
},
|
|
{
|
|
key: 'PanResponderExample',
|
|
module: require('./PanResponderExample'),
|
|
supportsTVOS: false,
|
|
},
|
|
{
|
|
key: 'PointerEventsExample',
|
|
module: require('./PointerEventsExample'),
|
|
supportsTVOS: false,
|
|
},
|
|
{
|
|
key: 'PushNotificationIOSExample',
|
|
module: require('./PushNotificationIOSExample'),
|
|
supportsTVOS: false,
|
|
},
|
|
{
|
|
key: 'RCTRootViewIOSExample',
|
|
module: require('./RCTRootViewIOSExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'RTLExample',
|
|
module: require('./RTLExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'ShareExample',
|
|
module: require('./ShareExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'SnapshotExample',
|
|
module: require('./SnapshotExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'TimerExample',
|
|
module: require('./TimerExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'TransformExample',
|
|
module: require('./TransformExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'TurboModuleExample',
|
|
module: require('./TurboModuleExample'),
|
|
supportsTVOS: false,
|
|
},
|
|
{
|
|
key: 'TVEventHandlerExample',
|
|
module: require('./TVEventHandlerExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'VibrationExample',
|
|
module: require('./VibrationExample'),
|
|
supportsTVOS: false,
|
|
},
|
|
{
|
|
key: 'WebSocketExample',
|
|
module: require('./WebSocketExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
{
|
|
key: 'XHRExample',
|
|
module: require('./XHRExample'),
|
|
supportsTVOS: true,
|
|
},
|
|
];
|
|
|
|
const Modules = {};
|
|
|
|
APIExamples.concat(ComponentExamples).forEach(Example => {
|
|
Modules[Example.key] = Example.module;
|
|
});
|
|
|
|
const RNTesterList = {
|
|
APIExamples,
|
|
ComponentExamples,
|
|
Modules,
|
|
};
|
|
|
|
module.exports = RNTesterList;
|