Rewrite imports in RNTester to use standard paths (#24317)
Summary: See https://github.com/facebook/react-native/issues/24316 for the motivation. This commit rewrites the imports in the RNTester project. [General] [Changed] - Replaced Haste-style imports with standard path-style imports for RNTester Pull Request resolved: https://github.com/facebook/react-native/pull/24317 Differential Revision: D14870504 Pulled By: cpojer fbshipit-source-id: b14f22e7ce559efc332ced032617ca581196d90f
This commit is contained in:
Родитель
265ae58038
Коммит
26cce3d7a8
|
@ -10,8 +10,8 @@
|
|||
|
||||
'use strict';
|
||||
|
||||
import type {TurboModule} from 'RCTExport';
|
||||
import * as TurboModuleRegistry from 'TurboModuleRegistry';
|
||||
import type {TurboModule} from '../../Libraries/TurboModule/RCTExport';
|
||||
import * as TurboModuleRegistry from '../../Libraries/TurboModule/TurboModuleRegistry';
|
||||
|
||||
export interface Spec extends TurboModule {
|
||||
+getConstants: () => {||};
|
||||
|
|
|
@ -10,9 +10,11 @@
|
|||
|
||||
'use strict';
|
||||
|
||||
import type {SyntheticEvent} from 'CoreEventTypes';
|
||||
import type {ViewProps} from 'ViewPropTypes';
|
||||
import type {NativeComponent} from 'ReactNative';
|
||||
const {requireNativeComponent} = require('react-native');
|
||||
|
||||
import type {SyntheticEvent} from '../../Libraries/Types/CoreEventTypes';
|
||||
import type {ViewProps} from '../../Libraries/Components/View/ViewPropTypes';
|
||||
import type {NativeComponent} from '../../Libraries/Renderer/shims/ReactNative';
|
||||
|
||||
type SnapshotReadyEvent = SyntheticEvent<
|
||||
$ReadOnly<{
|
||||
|
@ -28,8 +30,6 @@ type NativeProps = $ReadOnly<{|
|
|||
|
||||
type SnapshotViewNativeType = Class<NativeComponent<NativeProps>>;
|
||||
|
||||
const requireNativeComponent = require('requireNativeComponent');
|
||||
|
||||
module.exports = ((requireNativeComponent(
|
||||
'RCTSnapshot',
|
||||
): any): SnapshotViewNativeType);
|
||||
|
|
|
@ -11,8 +11,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {ART, Platform, View} = ReactNative;
|
||||
const {ART, Platform, View} = require('react-native');
|
||||
|
||||
const {Surface, Path, Group, Shape} = ART;
|
||||
|
||||
|
|
|
@ -10,15 +10,12 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {
|
||||
AccessibilityInfo,
|
||||
StyleSheet,
|
||||
Text,
|
||||
View,
|
||||
ToastAndroid,
|
||||
TouchableWithoutFeedback,
|
||||
} = ReactNative;
|
||||
} = require('react-native');
|
||||
|
||||
const RNTesterBlock = require('./RNTesterBlock');
|
||||
const RNTesterPage = require('./RNTesterPage');
|
||||
|
|
|
@ -10,8 +10,13 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {AccessibilityInfo, Text, View, TouchableOpacity, Alert} = ReactNative;
|
||||
const {
|
||||
AccessibilityInfo,
|
||||
Text,
|
||||
View,
|
||||
TouchableOpacity,
|
||||
Alert,
|
||||
} = require('react-native');
|
||||
|
||||
const RNTesterBlock = require('./RNTesterBlock');
|
||||
|
||||
|
|
|
@ -11,8 +11,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {AccessibilityInfo, Text, View, TouchableOpacity, Alert} = ReactNative;
|
||||
const {Text, View, Alert} = require('react-native');
|
||||
|
||||
const RNTesterBlock = require('./RNTesterBlock');
|
||||
|
||||
|
@ -34,7 +33,9 @@ class AccessibilityIOSExample extends React.Component<Props> {
|
|||
<Text>Accessibility magic tap example</Text>
|
||||
</View>
|
||||
<View
|
||||
onAccessibilityEscape={() => alert('onAccessibilityEscape success')}
|
||||
onAccessibilityEscape={() =>
|
||||
Alert.alert('onAccessibilityEscape success')
|
||||
}
|
||||
accessible={true}>
|
||||
<Text>Accessibility escape example</Text>
|
||||
</View>
|
||||
|
|
|
@ -11,7 +11,6 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {
|
||||
ActionSheetIOS,
|
||||
StyleSheet,
|
||||
|
@ -19,7 +18,8 @@ const {
|
|||
View,
|
||||
Alert,
|
||||
NativeModules,
|
||||
} = ReactNative;
|
||||
findNodeHandle,
|
||||
} = require('react-native');
|
||||
const ScreenshotManager = NativeModules.ScreenshotManager;
|
||||
|
||||
const BUTTONS = ['Option 0', 'Option 1', 'Option 2', 'Delete', 'Cancel'];
|
||||
|
@ -128,7 +128,7 @@ class ActionSheetAnchorExample extends React.Component<
|
|||
cancelButtonIndex: CANCEL_INDEX,
|
||||
destructiveButtonIndex: DESTRUCTIVE_INDEX,
|
||||
anchor: this.anchorRef.current
|
||||
? ReactNative.findNodeHandle(this.anchorRef.current)
|
||||
? findNodeHandle(this.anchorRef.current)
|
||||
: undefined,
|
||||
},
|
||||
buttonIndex => {
|
||||
|
@ -263,7 +263,7 @@ class ShareScreenshotAnchorExample extends React.Component<
|
|||
url: uri,
|
||||
excludedActivityTypes: ['com.apple.UIKit.activity.PostToTwitter'],
|
||||
anchor: this.anchorRef.current
|
||||
? ReactNative.findNodeHandle(this.anchorRef.current)
|
||||
? findNodeHandle(this.anchorRef.current)
|
||||
: undefined,
|
||||
},
|
||||
error => Alert.alert('Error', error),
|
||||
|
|
|
@ -10,8 +10,13 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {Alert, StyleSheet, Text, TouchableHighlight, View} = ReactNative;
|
||||
const {
|
||||
Alert,
|
||||
StyleSheet,
|
||||
Text,
|
||||
TouchableHighlight,
|
||||
View,
|
||||
} = require('react-native');
|
||||
|
||||
const RNTesterBlock = require('./RNTesterBlock');
|
||||
|
||||
|
|
|
@ -11,8 +11,13 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {StyleSheet, View, Text, TouchableHighlight, Alert} = ReactNative;
|
||||
const {
|
||||
StyleSheet,
|
||||
View,
|
||||
Text,
|
||||
TouchableHighlight,
|
||||
Alert,
|
||||
} = require('react-native');
|
||||
|
||||
const {SimpleAlertExampleBlock} = require('./AlertExample');
|
||||
|
||||
|
|
|
@ -11,8 +11,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {Animated, Easing, StyleSheet, Text, View} = ReactNative;
|
||||
const {Animated, Easing, StyleSheet, Text, View} = require('react-native');
|
||||
const RNTesterButton = require('./RNTesterButton');
|
||||
|
||||
const styles = StyleSheet.create({
|
||||
|
|
|
@ -11,10 +11,15 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {Animated, LayoutAnimation, PanResponder, StyleSheet, View} = ReactNative;
|
||||
const {
|
||||
Animated,
|
||||
LayoutAnimation,
|
||||
PanResponder,
|
||||
StyleSheet,
|
||||
View,
|
||||
} = require('react-native');
|
||||
|
||||
const AnExSet = require('AnExSet');
|
||||
const AnExSet = require('./AnExSet');
|
||||
|
||||
const CIRCLE_SIZE = 80;
|
||||
const CIRCLE_MARGIN = 18;
|
||||
|
|
|
@ -11,8 +11,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {Animated, PanResponder, StyleSheet, View} = ReactNative;
|
||||
const {Animated, PanResponder, StyleSheet, View} = require('react-native');
|
||||
|
||||
const NUM_BOBBLES = 5;
|
||||
const RAD_EACH = Math.PI / 2 / (NUM_BOBBLES - 2);
|
||||
|
|
|
@ -11,8 +11,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {Animated, PanResponder, StyleSheet, View} = ReactNative;
|
||||
const {Animated, PanResponder, StyleSheet, View} = require('react-native');
|
||||
|
||||
class AnExChained extends React.Component<Object, any> {
|
||||
constructor(props: Object) {
|
||||
|
|
|
@ -11,8 +11,14 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {Animated, Image, ScrollView, StyleSheet, Text, View} = ReactNative;
|
||||
const {
|
||||
Animated,
|
||||
Image,
|
||||
ScrollView,
|
||||
StyleSheet,
|
||||
Text,
|
||||
View,
|
||||
} = require('react-native');
|
||||
|
||||
class AnExScroll extends React.Component<$FlowFixMeProps, any> {
|
||||
state: any = {scrollX: new Animated.Value(0)};
|
||||
|
|
|
@ -11,8 +11,13 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {Animated, PanResponder, StyleSheet, Text, View} = ReactNative;
|
||||
const {
|
||||
Animated,
|
||||
PanResponder,
|
||||
StyleSheet,
|
||||
Text,
|
||||
View,
|
||||
} = require('react-native');
|
||||
|
||||
const AnExBobble = require('./AnExBobble');
|
||||
const AnExChained = require('./AnExChained');
|
||||
|
|
|
@ -11,8 +11,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {Animated, PanResponder, StyleSheet} = ReactNative;
|
||||
const {Animated, PanResponder, StyleSheet} = require('react-native');
|
||||
|
||||
class AnExTilt extends React.Component<Object, any> {
|
||||
constructor(props: Object) {
|
||||
|
|
|
@ -11,8 +11,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {AppState, Text, View} = ReactNative;
|
||||
const {AppState, Text, View} = require('react-native');
|
||||
|
||||
class AppStateSubscription extends React.Component<
|
||||
$FlowFixMeProps,
|
||||
|
|
|
@ -11,10 +11,9 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {Image, StyleSheet, View, ScrollView} = ReactNative;
|
||||
const {Image, StyleSheet, View, ScrollView} = require('react-native');
|
||||
|
||||
import type {PhotoIdentifier} from 'CameraRoll';
|
||||
import type {PhotoIdentifier} from '../../Libraries/CameraRoll/CameraRoll';
|
||||
|
||||
type Props = $ReadOnly<{|
|
||||
asset: PhotoIdentifier,
|
||||
|
|
|
@ -11,8 +11,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {AsyncStorage, PickerIOS, Text, View} = ReactNative;
|
||||
const {AsyncStorage, PickerIOS, Text, View} = require('react-native');
|
||||
const PickerItemIOS = PickerIOS.Item;
|
||||
|
||||
const STORAGE_KEY = '@AsyncStorageExample:key';
|
||||
|
|
|
@ -10,8 +10,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {StyleSheet, View} = ReactNative;
|
||||
const {StyleSheet, View} = require('react-native');
|
||||
|
||||
const styles = StyleSheet.create({
|
||||
box: {
|
||||
|
|
|
@ -10,8 +10,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {Image, StyleSheet, View} = ReactNative;
|
||||
const {Image, StyleSheet, View} = require('react-native');
|
||||
|
||||
const styles = StyleSheet.create({
|
||||
box: {
|
||||
|
|
|
@ -11,8 +11,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {Alert, Button, View, StyleSheet} = ReactNative;
|
||||
const {Alert, Button, View, StyleSheet} = require('react-native');
|
||||
|
||||
function onButtonPress(buttonName) {
|
||||
Alert.alert(`${buttonName} has been pressed!`);
|
||||
|
|
|
@ -10,7 +10,6 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {
|
||||
CameraRoll,
|
||||
Image,
|
||||
|
@ -20,7 +19,7 @@ const {
|
|||
Text,
|
||||
View,
|
||||
TouchableOpacity,
|
||||
} = ReactNative;
|
||||
} = require('react-native');
|
||||
|
||||
const invariant = require('invariant');
|
||||
|
||||
|
@ -28,7 +27,10 @@ const CameraRollView = require('./CameraRollView');
|
|||
|
||||
const AssetScaledImageExampleView = require('./AssetScaledImageExample');
|
||||
|
||||
import type {PhotoIdentifier, GroupTypes} from 'CameraRoll';
|
||||
import type {
|
||||
PhotoIdentifier,
|
||||
GroupTypes,
|
||||
} from '../../Libraries/CameraRoll/CameraRoll';
|
||||
|
||||
type Props = $ReadOnly<{|
|
||||
navigator?: ?Array<
|
||||
|
|
|
@ -11,7 +11,6 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {
|
||||
ActivityIndicator,
|
||||
Alert,
|
||||
|
@ -22,16 +21,16 @@ const {
|
|||
Platform,
|
||||
StyleSheet,
|
||||
View,
|
||||
} = ReactNative;
|
||||
} = require('react-native');
|
||||
|
||||
const groupByEveryN = require('groupByEveryN');
|
||||
const logError = require('logError');
|
||||
const groupByEveryN = require('../../Libraries/Utilities/groupByEveryN');
|
||||
const logError = require('../../Libraries/Utilities/logError');
|
||||
|
||||
import type {
|
||||
PhotoIdentifier,
|
||||
PhotoIdentifiersPage,
|
||||
GetPhotosParams,
|
||||
} from 'CameraRoll';
|
||||
} from '../../Libraries/CameraRoll/CameraRoll';
|
||||
|
||||
type Props = $ReadOnly<{|
|
||||
/**
|
||||
|
|
|
@ -11,8 +11,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {CheckBox, Text, View, StyleSheet} = ReactNative;
|
||||
const {CheckBox, Text, View, StyleSheet} = require('react-native');
|
||||
|
||||
type BasicState = {|
|
||||
trueCheckBoxIsOn: boolean,
|
||||
|
|
|
@ -11,8 +11,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {Clipboard, View, Text, StyleSheet} = ReactNative;
|
||||
const {Clipboard, View, Text, StyleSheet} = require('react-native');
|
||||
|
||||
type Props = $ReadOnly<{||}>;
|
||||
type State = {|
|
||||
|
|
|
@ -10,13 +10,12 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {
|
||||
DatePickerAndroid,
|
||||
StyleSheet,
|
||||
Text,
|
||||
TouchableWithoutFeedback,
|
||||
} = ReactNative;
|
||||
} = require('react-native');
|
||||
|
||||
const RNTesterBlock = require('./RNTesterBlock');
|
||||
const RNTesterPage = require('./RNTesterPage');
|
||||
|
|
|
@ -11,8 +11,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {DatePickerIOS, StyleSheet, Text, View} = ReactNative;
|
||||
const {DatePickerIOS, StyleSheet, Text, View} = require('react-native');
|
||||
|
||||
type State = {|
|
||||
date: Date,
|
||||
|
|
|
@ -11,8 +11,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {Dimensions, Text, View} = ReactNative;
|
||||
const {Dimensions, Text, View} = require('react-native');
|
||||
|
||||
class DimensionsSubscription extends React.Component<
|
||||
{dim: string},
|
||||
|
|
|
@ -12,14 +12,12 @@
|
|||
|
||||
import type {Item} from './ListExampleShared';
|
||||
|
||||
const Alert = require('Alert');
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {Animated, StyleSheet, View} = ReactNative;
|
||||
const {Alert, Animated, StyleSheet, View} = require('react-native');
|
||||
|
||||
const RNTesterPage = require('./RNTesterPage');
|
||||
|
||||
const infoLog = require('infoLog');
|
||||
const infoLog = require('../../Libraries/Utilities/infoLog');
|
||||
|
||||
const {
|
||||
FooterComponent,
|
||||
|
|
|
@ -13,7 +13,7 @@
|
|||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
|
||||
const nativeImageSource = require('nativeImageSource');
|
||||
const nativeImageSource = require('../../Libraries/Image/nativeImageSource');
|
||||
const {Image, StyleSheet, Text, View} = ReactNative;
|
||||
|
||||
type Props = $ReadOnly<{||}>;
|
||||
|
|
|
@ -10,7 +10,6 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {
|
||||
CameraRoll,
|
||||
Image,
|
||||
|
@ -21,7 +20,7 @@ const {
|
|||
Text,
|
||||
TouchableHighlight,
|
||||
View,
|
||||
} = ReactNative;
|
||||
} = require('react-native');
|
||||
|
||||
const PAGE_SIZE = 20;
|
||||
|
||||
|
|
|
@ -11,7 +11,6 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {
|
||||
ActivityIndicator,
|
||||
Image,
|
||||
|
@ -19,7 +18,7 @@ const {
|
|||
Text,
|
||||
View,
|
||||
ImageBackground,
|
||||
} = ReactNative;
|
||||
} = require('react-native');
|
||||
|
||||
const base64Icon =
|
||||
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAQAAACSR7JhAAADtUlEQVR4Ac3YA2Bj6QLH0XPT1Fzbtm29tW3btm3bfLZtv7e2ObZnms7d8Uw098tuetPzrxv8wiISrtVudrG2JXQZ4VOv+qUfmqCGGl1mqLhoA52oZlb0mrjsnhKpgeUNEs91Z0pd1kvihA3ULGVHiQO2narKSHKkEMulm9VgUyE60s1aWoMQUbpZOWE+kaqs4eLEjdIlZTcFZB0ndc1+lhB1lZrIuk5P2aib1NBpZaL+JaOGIt0ls47SKzLC7CqrlGF6RZ09HGoNy1lYl2aRSWL5GuzqWU1KafRdoRp0iOQEiDzgZPnG6DbldcomadViflnl/cL93tOoVbsOLVM2jylvdWjXolWX1hmfZbGR/wjypDjFLSZIRov09BgYmtUqPQPlQrPapecLgTIy0jMgPKtTeob2zWtrGH3xvjUkPCtNg/tm1rjwrMa+mdUkPd3hWbH0jArPGiU9ufCsNNWFZ40wpwn+62/66R2RUtoso1OB34tnLOcy7YB1fUdc9e0q3yru8PGM773vXsuZ5YIZX+5xmHwHGVvlrGPN6ZSiP1smOsMMde40wKv2VmwPPVXNut4sVpUreZiLBHi0qln/VQeI/LTMYXpsJtFiclUN+5HVZazim+Ky+7sAvxWnvjXrJFneVtLWLyPJu9K3cXLWeOlbMTlrIelbMDlrLenrjEQOtIF+fuI9xRp9ZBFp6+b6WT8RrxEpdK64BuvHgDk+vUy+b5hYk6zfyfs051gRoNO1usU12WWRWL73/MMEy9pMi9qIrR4ZpV16Rrvduxazmy1FSvuFXRkqTnE7m2kdb5U8xGjLw/spRr1uTov4uOgQE+0N/DvFrG/Jt7i/FzwxbA9kDanhf2w+t4V97G8lrT7wc08aA2QNUkuTfW/KimT01wdlfK4yEw030VfT0RtZbzjeMprNq8m8tnSTASrTLti64oBNdpmMQm0eEwvfPwRbUBywG5TzjPCsdwk3IeAXjQblLCoXnDVeoAz6SfJNk5TTzytCNZk/POtTSV40NwOFWzw86wNJRpubpXsn60NJFlHeqlYRbslqZm2jnEZ3qcSKgm0kTli3zZVS7y/iivZTweYXJ26Y+RTbV1zh3hYkgyFGSTKPfRVbRqWWVReaxYeSLarYv1Qqsmh1s95S7G+eEWK0f3jYKTbV6bOwepjfhtafsvUsqrQvrGC8YhmnO9cSCk3yuY984F1vesdHYhWJ5FvASlacshUsajFt2mUM9pqzvKGcyNJW0arTKN1GGGzQlH0tXwLDgQTurS8eIQAAAABJRU5ErkJggg==';
|
||||
|
|
|
@ -10,8 +10,7 @@
|
|||
|
||||
'use strict';
|
||||
|
||||
const React = require('React');
|
||||
const ReactNative = require('react-native');
|
||||
const React = require('react');
|
||||
const {
|
||||
Alert,
|
||||
Button,
|
||||
|
@ -21,7 +20,7 @@ const {
|
|||
Text,
|
||||
TextInput,
|
||||
View,
|
||||
} = ReactNative;
|
||||
} = require('react-native');
|
||||
|
||||
type MessageProps = $ReadOnly<{||}>;
|
||||
class Message extends React.PureComponent<MessageProps> {
|
||||
|
|
|
@ -9,8 +9,7 @@
|
|||
|
||||
'use strict';
|
||||
|
||||
const React = require('React');
|
||||
const ReactNative = require('react-native');
|
||||
const React = require('react');
|
||||
const {
|
||||
KeyboardAvoidingView,
|
||||
Modal,
|
||||
|
@ -20,7 +19,7 @@ const {
|
|||
TextInput,
|
||||
TouchableHighlight,
|
||||
View,
|
||||
} = ReactNative;
|
||||
} = require('react-native');
|
||||
|
||||
const RNTesterBlock = require('./RNTesterBlock');
|
||||
const RNTesterPage = require('./RNTesterPage');
|
||||
|
|
|
@ -11,8 +11,13 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {LayoutAnimation, StyleSheet, Text, View, TouchableOpacity} = ReactNative;
|
||||
const {
|
||||
LayoutAnimation,
|
||||
StyleSheet,
|
||||
Text,
|
||||
View,
|
||||
TouchableOpacity,
|
||||
} = require('react-native');
|
||||
|
||||
class AddRemoveExample extends React.Component<{}, $FlowFixMeState> {
|
||||
state = {
|
||||
|
|
|
@ -11,10 +11,18 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {Image, LayoutAnimation, StyleSheet, Text, View} = ReactNative;
|
||||
const {
|
||||
Image,
|
||||
LayoutAnimation,
|
||||
StyleSheet,
|
||||
Text,
|
||||
View,
|
||||
} = require('react-native');
|
||||
|
||||
import type {ViewLayout, ViewLayoutEvent} from 'ViewPropTypes';
|
||||
import type {
|
||||
ViewLayout,
|
||||
ViewLayoutEvent,
|
||||
} from '../../Libraries/Components/View/ViewPropTypes';
|
||||
|
||||
type Props = $ReadOnly<{||}>;
|
||||
type State = {
|
||||
|
|
|
@ -11,8 +11,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {StyleSheet, Text, View} = ReactNative;
|
||||
const {StyleSheet, Text, View} = require('react-native');
|
||||
|
||||
const RNTesterBlock = require('./RNTesterBlock');
|
||||
const RNTesterPage = require('./RNTesterPage');
|
||||
|
|
|
@ -11,7 +11,6 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {
|
||||
Animated,
|
||||
Image,
|
||||
|
@ -22,7 +21,7 @@ const {
|
|||
Text,
|
||||
TextInput,
|
||||
View,
|
||||
} = ReactNative;
|
||||
} = require('react-native');
|
||||
|
||||
export type Item = {
|
||||
title: string,
|
||||
|
|
|
@ -11,7 +11,6 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {
|
||||
Modal,
|
||||
Picker,
|
||||
|
@ -21,7 +20,7 @@ const {
|
|||
Text,
|
||||
TouchableHighlight,
|
||||
View,
|
||||
} = ReactNative;
|
||||
} = require('react-native');
|
||||
|
||||
const Item = Picker.Item;
|
||||
|
||||
|
|
|
@ -11,12 +11,11 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {FlatList, StyleSheet, Text, View, Alert} = ReactNative;
|
||||
const {FlatList, StyleSheet, Text, View, Alert} = require('react-native');
|
||||
|
||||
const RNTesterPage = require('./RNTesterPage');
|
||||
|
||||
const infoLog = require('infoLog');
|
||||
const infoLog = require('../../Libraries/Utilities/infoLog');
|
||||
|
||||
const {
|
||||
FooterComponent,
|
||||
|
|
|
@ -11,7 +11,6 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {
|
||||
View,
|
||||
Text,
|
||||
|
@ -19,7 +18,7 @@ const {
|
|||
StyleSheet,
|
||||
TouchableWithoutFeedback,
|
||||
Slider,
|
||||
} = ReactNative;
|
||||
} = require('react-native');
|
||||
|
||||
const AnimatedSlider = Animated.createAnimatedComponent(Slider);
|
||||
|
||||
|
@ -155,7 +154,7 @@ class LoopExample extends React.Component<{}, $FlowFixMeState> {
|
|||
}
|
||||
}
|
||||
|
||||
const RNTesterSettingSwitchRow = require('RNTesterSettingSwitchRow');
|
||||
const RNTesterSettingSwitchRow = require('./RNTesterSettingSwitchRow');
|
||||
class InternalSettings extends React.Component<
|
||||
{},
|
||||
{busyTime: number | string, filteredStall: number},
|
||||
|
@ -188,16 +187,20 @@ class InternalSettings extends React.Component<
|
|||
initialValue={false}
|
||||
label="Track JS Stalls"
|
||||
onEnable={() => {
|
||||
require('JSEventLoopWatchdog').install({thresholdMS: 25});
|
||||
require('../../Libraries/Interaction/JSEventLoopWatchdog').install({
|
||||
thresholdMS: 25,
|
||||
});
|
||||
this.setState({busyTime: '<none>'});
|
||||
require('JSEventLoopWatchdog').addHandler({
|
||||
require('../../Libraries/Interaction/JSEventLoopWatchdog').addHandler(
|
||||
{
|
||||
onStall: ({busyTime}) =>
|
||||
this.setState(state => ({
|
||||
busyTime,
|
||||
filteredStall:
|
||||
(state.filteredStall || 0) * 0.97 + busyTime * 0.03,
|
||||
})),
|
||||
});
|
||||
},
|
||||
);
|
||||
}}
|
||||
onDisable={() => {
|
||||
console.warn('Cannot disable yet....');
|
||||
|
|
|
@ -11,8 +11,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {NetInfo, Text, View, TouchableWithoutFeedback} = ReactNative;
|
||||
const {NetInfo, Text, View, TouchableWithoutFeedback} = require('react-native');
|
||||
|
||||
class ConnectionInfoSubscription extends React.Component<{}, $FlowFixMeState> {
|
||||
state = {
|
||||
|
|
|
@ -11,10 +11,9 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {DeviceEventEmitter, Text, View} = ReactNative;
|
||||
const {DeviceEventEmitter, Text, View} = require('react-native');
|
||||
|
||||
import type EmitterSubscription from 'EmitterSubscription';
|
||||
import type EmitterSubscription from '../../Libraries/vendor/emitter/EmitterSubscription';
|
||||
|
||||
class OrientationChangeExample extends React.Component<{}, $FlowFixMeState> {
|
||||
_orientationSubscription: EmitterSubscription;
|
||||
|
|
|
@ -11,11 +11,13 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {PanResponder, StyleSheet, View} = ReactNative;
|
||||
const {PanResponder, StyleSheet, View} = require('react-native');
|
||||
|
||||
import type {PanResponderInstance, GestureState} from 'PanResponder';
|
||||
import type {PressEvent} from 'CoreEventTypes';
|
||||
import type {
|
||||
PanResponderInstance,
|
||||
GestureState,
|
||||
} from '../../Libraries/Interaction/PanResponder';
|
||||
import type {PressEvent} from '../../Libraries/Types/CoreEventTypes';
|
||||
|
||||
type CircleStyles = {
|
||||
backgroundColor?: string,
|
||||
|
|
|
@ -11,7 +11,6 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {
|
||||
PermissionsAndroid,
|
||||
Picker,
|
||||
|
@ -19,7 +18,7 @@ const {
|
|||
Text,
|
||||
TouchableWithoutFeedback,
|
||||
View,
|
||||
} = ReactNative;
|
||||
} = require('react-native');
|
||||
|
||||
const Item = Picker.Item;
|
||||
|
||||
|
|
|
@ -11,10 +11,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const StyleSheet = require('StyleSheet');
|
||||
|
||||
const {Picker, Text} = ReactNative;
|
||||
const {Picker, StyleSheet, Text} = require('react-native');
|
||||
|
||||
const Item = Picker.Item;
|
||||
|
||||
|
|
|
@ -11,8 +11,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {PickerIOS, Text, View} = ReactNative;
|
||||
const {PickerIOS, Text, View} = require('react-native');
|
||||
|
||||
const PickerItemIOS = PickerIOS.Item;
|
||||
|
||||
|
|
|
@ -11,8 +11,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {StyleSheet, Text, View} = ReactNative;
|
||||
const {StyleSheet, Text, View} = require('react-native');
|
||||
|
||||
class ExampleBox extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
|
||||
state = {
|
||||
|
|
|
@ -10,12 +10,12 @@
|
|||
|
||||
'use strict';
|
||||
|
||||
const ProgressBar = require('ProgressBarAndroid');
|
||||
const React = require('React');
|
||||
const RNTesterBlock = require('RNTesterBlock');
|
||||
const RNTesterPage = require('RNTesterPage');
|
||||
const React = require('react');
|
||||
const {ProgressBarAndroid: ProgressBar} = require('react-native');
|
||||
const RNTesterBlock = require('./RNTesterBlock');
|
||||
const RNTesterPage = require('./RNTesterPage');
|
||||
|
||||
import type {ProgressBarAndroidProps} from 'ProgressBarAndroid';
|
||||
import type {ProgressBarAndroidProps} from '../../Libraries/Components/ProgressBarAndroid/ProgressBarAndroid';
|
||||
|
||||
type MovingBarProps = $ReadOnly<{|
|
||||
...$Diff<
|
||||
|
|
|
@ -11,8 +11,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {ProgressViewIOS, StyleSheet, View} = ReactNative;
|
||||
const {ProgressViewIOS, StyleSheet, View} = require('react-native');
|
||||
|
||||
type Props = {||};
|
||||
type State = {|
|
||||
|
|
|
@ -11,15 +11,15 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {
|
||||
Alert,
|
||||
DeviceEventEmitter,
|
||||
PushNotificationIOS,
|
||||
StyleSheet,
|
||||
Text,
|
||||
TouchableHighlight,
|
||||
View,
|
||||
} = ReactNative;
|
||||
} = require('react-native');
|
||||
|
||||
class Button extends React.Component<$FlowFixMeProps> {
|
||||
render() {
|
||||
|
@ -86,7 +86,7 @@ class NotificationExample extends React.Component<{}> {
|
|||
}
|
||||
|
||||
_sendNotification() {
|
||||
require('RCTDeviceEventEmitter').emit('remoteNotificationReceived', {
|
||||
DeviceEventEmitter.emit('remoteNotificationReceived', {
|
||||
remote: true,
|
||||
aps: {
|
||||
alert: 'Sample notification',
|
||||
|
@ -99,7 +99,7 @@ class NotificationExample extends React.Component<{}> {
|
|||
}
|
||||
|
||||
_sendLocalNotification() {
|
||||
require('RCTDeviceEventEmitter').emit('localNotificationReceived', {
|
||||
DeviceEventEmitter.emit('localNotificationReceived', {
|
||||
aps: {
|
||||
alert: 'Sample local notification',
|
||||
badge: '+1',
|
||||
|
|
|
@ -11,10 +11,12 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {StyleSheet, Text, View} = ReactNative;
|
||||
|
||||
const requireNativeComponent = require('requireNativeComponent');
|
||||
const {
|
||||
StyleSheet,
|
||||
Text,
|
||||
View,
|
||||
requireNativeComponent,
|
||||
} = require('react-native');
|
||||
|
||||
class AppPropertiesUpdateExample extends React.Component<{}> {
|
||||
render() {
|
||||
|
|
|
@ -10,16 +10,20 @@
|
|||
|
||||
'use strict';
|
||||
|
||||
const AppRegistry = require('AppRegistry');
|
||||
const AsyncStorage = require('AsyncStorage');
|
||||
const BackHandler = require('BackHandler');
|
||||
const Dimensions = require('Dimensions');
|
||||
const DrawerLayoutAndroid = require('DrawerLayoutAndroid');
|
||||
const Linking = require('Linking');
|
||||
const React = require('react');
|
||||
const StatusBar = require('StatusBar');
|
||||
const StyleSheet = require('StyleSheet');
|
||||
const ToolbarAndroid = require('ToolbarAndroid');
|
||||
const {
|
||||
AppRegistry,
|
||||
AsyncStorage,
|
||||
BackHandler,
|
||||
Dimensions,
|
||||
DrawerLayoutAndroid,
|
||||
Linking,
|
||||
StatusBar,
|
||||
StyleSheet,
|
||||
ToolbarAndroid,
|
||||
UIManager,
|
||||
View,
|
||||
} = require('react-native');
|
||||
const RNTesterActions = require('./RNTesterActions');
|
||||
const RNTesterExampleContainer = require('./RNTesterExampleContainer');
|
||||
const RNTesterExampleList = require('./RNTesterExampleList');
|
||||
|
@ -27,11 +31,9 @@ const RNTesterExampleList = require('./RNTesterExampleList');
|
|||
* making Flow check .android.js files. */
|
||||
const RNTesterList = require('./RNTesterList');
|
||||
const RNTesterNavigationReducer = require('./RNTesterNavigationReducer');
|
||||
const UIManager = require('UIManager');
|
||||
const URIActionMap = require('./URIActionMap');
|
||||
const View = require('View');
|
||||
|
||||
const nativeImageSource = require('nativeImageSource');
|
||||
const nativeImageSource = require('../../Libraries/Image/nativeImageSource');
|
||||
|
||||
import type {RNTesterNavigationState} from './RNTesterNavigationReducer';
|
||||
|
||||
|
|
|
@ -10,12 +10,19 @@
|
|||
|
||||
'use strict';
|
||||
|
||||
require('InitializeCore');
|
||||
const AsyncStorage = require('AsyncStorage');
|
||||
const BackHandler = require('BackHandler');
|
||||
const Linking = require('Linking');
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {
|
||||
AppRegistry,
|
||||
AsyncStorage,
|
||||
BackHandler,
|
||||
Button,
|
||||
Linking,
|
||||
SafeAreaView,
|
||||
StyleSheet,
|
||||
Text,
|
||||
View,
|
||||
YellowBox,
|
||||
} = require('react-native');
|
||||
const RNTesterActions = require('./RNTesterActions');
|
||||
const RNTesterExampleContainer = require('./RNTesterExampleContainer');
|
||||
const RNTesterExampleList = require('./RNTesterExampleList');
|
||||
|
@ -24,17 +31,7 @@ const RNTesterNavigationReducer = require('./RNTesterNavigationReducer');
|
|||
const SnapshotViewIOS = require('./SnapshotViewIOS.ios');
|
||||
const URIActionMap = require('./URIActionMap');
|
||||
|
||||
const {
|
||||
Button,
|
||||
AppRegistry,
|
||||
StyleSheet,
|
||||
Text,
|
||||
View,
|
||||
SafeAreaView,
|
||||
YellowBox,
|
||||
} = ReactNative;
|
||||
|
||||
import type {RNTesterExample} from 'RNTesterTypes';
|
||||
import type {RNTesterExample} from './Shared/RNTesterTypes';
|
||||
import type {RNTesterAction} from './RNTesterActions';
|
||||
import type {RNTesterNavigationState} from './RNTesterNavigationReducer';
|
||||
|
||||
|
|
|
@ -13,7 +13,7 @@
|
|||
const React = require('react');
|
||||
const {StyleSheet, Text, TouchableHighlight} = require('react-native');
|
||||
|
||||
import type {PressEvent} from 'CoreEventTypes';
|
||||
import type {PressEvent} from '../../Libraries/Types/CoreEventTypes';
|
||||
|
||||
type Props = $ReadOnly<{|
|
||||
children?: React.Node,
|
||||
|
|
|
@ -11,9 +11,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const StyleSheet = require('StyleSheet');
|
||||
const TextInput = require('TextInput');
|
||||
const View = require('View');
|
||||
const {StyleSheet, TextInput, View} = require('react-native');
|
||||
|
||||
type Props = {
|
||||
filter: Function,
|
||||
|
|
|
@ -10,18 +10,20 @@
|
|||
|
||||
'use strict';
|
||||
|
||||
const Platform = require('Platform');
|
||||
const React = require('react');
|
||||
const SectionList = require('SectionList');
|
||||
const StyleSheet = require('StyleSheet');
|
||||
const Text = require('Text');
|
||||
const TouchableHighlight = require('TouchableHighlight');
|
||||
const {
|
||||
Platform,
|
||||
SectionList,
|
||||
StyleSheet,
|
||||
Text,
|
||||
TouchableHighlight,
|
||||
View,
|
||||
} = require('react-native');
|
||||
const RNTesterActions = require('./RNTesterActions');
|
||||
const RNTesterExampleFilter = require('./RNTesterExampleFilter');
|
||||
const View = require('View');
|
||||
|
||||
import type {RNTesterExample} from 'RNTesterTypes';
|
||||
import type {ViewStyleProp} from 'StyleSheet';
|
||||
import type {RNTesterExample} from './Shared/RNTesterTypes';
|
||||
import type {ViewStyleProp} from '../../Libraries/StyleSheet/StyleSheet';
|
||||
|
||||
type Props = {
|
||||
onNavigate: Function,
|
||||
|
|
|
@ -10,7 +10,7 @@
|
|||
|
||||
'use strict';
|
||||
|
||||
import type {RNTesterExample} from 'RNTesterTypes';
|
||||
import type {RNTesterExample} from './Shared/RNTesterTypes';
|
||||
|
||||
const ComponentExamples: Array<RNTesterExample> = [
|
||||
{
|
||||
|
|
|
@ -10,7 +10,7 @@
|
|||
|
||||
'use strict';
|
||||
|
||||
import type {RNTesterExample} from 'RNTesterTypes';
|
||||
import type {RNTesterExample} from './Shared/RNTesterTypes';
|
||||
|
||||
const ComponentExamples: Array<RNTesterExample> = [
|
||||
{
|
||||
|
|
|
@ -10,12 +10,9 @@
|
|||
|
||||
'use strict';
|
||||
|
||||
const React = require('React');
|
||||
const StyleSheet = require('StyleSheet');
|
||||
const Switch = require('Switch');
|
||||
const Text = require('Text');
|
||||
const React = require('react');
|
||||
const {StyleSheet, Switch, Text, View} = require('react-native');
|
||||
const RNTesterStatePersister = require('./RNTesterStatePersister');
|
||||
const View = require('View');
|
||||
|
||||
class RNTesterSettingSwitchRow extends React.Component<
|
||||
$FlowFixMeProps,
|
||||
|
|
|
@ -10,8 +10,8 @@
|
|||
|
||||
'use strict';
|
||||
|
||||
const AsyncStorage = require('AsyncStorage');
|
||||
const React = require('React');
|
||||
const React = require('react');
|
||||
const {AsyncStorage} = require('react-native');
|
||||
|
||||
export type PassProps<State> = {
|
||||
state: State,
|
||||
|
|
|
@ -11,8 +11,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {StyleSheet, Text, View} = ReactNative;
|
||||
const {StyleSheet, Text, View} = require('react-native');
|
||||
|
||||
class RNTesterTitle extends React.Component<$FlowFixMeProps> {
|
||||
render() {
|
||||
|
|
|
@ -10,21 +10,20 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {
|
||||
Alert,
|
||||
Animated,
|
||||
I18nManager,
|
||||
Image,
|
||||
PixelRatio,
|
||||
Platform,
|
||||
StyleSheet,
|
||||
Text,
|
||||
TouchableWithoutFeedback,
|
||||
Switch,
|
||||
View,
|
||||
Button,
|
||||
} = ReactNative;
|
||||
const Platform = require('Platform');
|
||||
} = require('react-native');
|
||||
|
||||
type State = {
|
||||
toggleStatus: any,
|
||||
|
|
|
@ -10,7 +10,6 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {
|
||||
ScrollView,
|
||||
StyleSheet,
|
||||
|
@ -18,7 +17,7 @@ const {
|
|||
Text,
|
||||
TouchableWithoutFeedback,
|
||||
View,
|
||||
} = ReactNative;
|
||||
} = require('react-native');
|
||||
|
||||
const styles = StyleSheet.create({
|
||||
row: {
|
||||
|
|
|
@ -11,8 +11,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {StyleSheet, Text, TouchableHighlight, View} = ReactNative;
|
||||
const {StyleSheet, Text, TouchableHighlight, View} = require('react-native');
|
||||
|
||||
class RootViewSizeFlexibilityExampleApp extends React.Component<
|
||||
{toggled: boolean},
|
||||
|
|
|
@ -9,15 +9,17 @@
|
|||
*/
|
||||
'use strict';
|
||||
|
||||
const Button = require('Button');
|
||||
const DeviceInfo = require('DeviceInfo');
|
||||
const Modal = require('Modal');
|
||||
const React = require('react');
|
||||
const SafeAreaView = require('SafeAreaView');
|
||||
const StyleSheet = require('StyleSheet');
|
||||
const Switch = require('Switch');
|
||||
const Text = require('Text');
|
||||
const View = require('View');
|
||||
const {
|
||||
Button,
|
||||
DeviceInfo,
|
||||
Modal,
|
||||
SafeAreaView,
|
||||
StyleSheet,
|
||||
Switch,
|
||||
Text,
|
||||
View,
|
||||
} = require('react-native');
|
||||
|
||||
class SafeAreaViewExample extends React.Component<
|
||||
{},
|
||||
|
|
|
@ -9,19 +9,17 @@
|
|||
*/
|
||||
'use strict';
|
||||
|
||||
const Platform = require('Platform');
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {
|
||||
Platform,
|
||||
ScrollView,
|
||||
StyleSheet,
|
||||
Text,
|
||||
TouchableOpacity,
|
||||
View,
|
||||
Image,
|
||||
} = ReactNative;
|
||||
} = require('react-native');
|
||||
|
||||
import type {ViewStyleProp} from 'StyleSheet';
|
||||
import type {ViewStyleProp} from '../../Libraries/StyleSheet/StyleSheet';
|
||||
|
||||
exports.displayName = 'ScrollViewExample';
|
||||
exports.title = '<ScrollView>';
|
||||
|
|
|
@ -11,8 +11,12 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {ScrollView, StyleSheet, Text, TouchableOpacity} = ReactNative;
|
||||
const {
|
||||
ScrollView,
|
||||
StyleSheet,
|
||||
Text,
|
||||
TouchableOpacity,
|
||||
} = require('react-native');
|
||||
|
||||
const NUM_ITEMS = 20;
|
||||
|
||||
|
|
|
@ -11,12 +11,18 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {Alert, Animated, Button, StyleSheet, Text, View} = ReactNative;
|
||||
const {
|
||||
Alert,
|
||||
Animated,
|
||||
Button,
|
||||
StyleSheet,
|
||||
Text,
|
||||
View,
|
||||
} = require('react-native');
|
||||
|
||||
const RNTesterPage = require('./RNTesterPage');
|
||||
|
||||
const infoLog = require('infoLog');
|
||||
const infoLog = require('../../Libraries/Utilities/infoLog');
|
||||
|
||||
const {
|
||||
HeaderComponent,
|
||||
|
|
|
@ -11,8 +11,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {SegmentedControlIOS, Text, View, StyleSheet} = ReactNative;
|
||||
const {SegmentedControlIOS, Text, View, StyleSheet} = require('react-native');
|
||||
|
||||
class BasicSegmentedControlExample extends React.Component<{}> {
|
||||
render() {
|
||||
|
|
|
@ -11,8 +11,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {Text, View} = ReactNative;
|
||||
const {Text, View} = require('react-native');
|
||||
|
||||
class SetPropertiesExampleApp extends React.Component<$FlowFixMeProps> {
|
||||
render() {
|
||||
|
|
|
@ -11,8 +11,13 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {StyleSheet, View, Text, TouchableHighlight, Share} = ReactNative;
|
||||
const {
|
||||
StyleSheet,
|
||||
View,
|
||||
Text,
|
||||
TouchableHighlight,
|
||||
Share,
|
||||
} = require('react-native');
|
||||
|
||||
type Props = $ReadOnly<{||}>;
|
||||
type State = {|result: string|};
|
||||
|
|
|
@ -10,7 +10,7 @@
|
|||
|
||||
'use strict';
|
||||
|
||||
import type {ComponentType} from 'React';
|
||||
import type {ComponentType} from 'react';
|
||||
import * as React from 'react';
|
||||
|
||||
export type RNTesterProps = $ReadOnly<{|
|
||||
|
|
|
@ -10,7 +10,7 @@
|
|||
|
||||
'use strict';
|
||||
|
||||
const React = require('React');
|
||||
const React = require('react');
|
||||
const {Picker, Text, View} = require('react-native');
|
||||
|
||||
class TextLegend extends React.Component<*, *> {
|
||||
|
|
|
@ -11,8 +11,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {Slider, Text, StyleSheet, View} = ReactNative;
|
||||
const {Slider, Text, StyleSheet, View} = require('react-native');
|
||||
|
||||
class SliderExample extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
|
||||
static defaultProps = {
|
||||
|
|
|
@ -10,8 +10,14 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {Alert, Image, NativeModules, StyleSheet, Text, View} = ReactNative;
|
||||
const {
|
||||
Alert,
|
||||
Image,
|
||||
NativeModules,
|
||||
StyleSheet,
|
||||
Text,
|
||||
View,
|
||||
} = require('react-native');
|
||||
const ScreenshotManager = NativeModules.ScreenshotManager;
|
||||
|
||||
class ScreenshotExample extends React.Component<{}, $FlowFixMeState> {
|
||||
|
|
|
@ -9,4 +9,4 @@
|
|||
|
||||
'use strict';
|
||||
|
||||
module.exports = require('UnimplementedView');
|
||||
module.exports = require('../../Libraries/Components/UnimplementedViews/UnimplementedView');
|
||||
|
|
|
@ -10,21 +10,19 @@
|
|||
|
||||
'use strict';
|
||||
|
||||
const React = require('React');
|
||||
const StyleSheet = require('StyleSheet');
|
||||
const UIManager = require('UIManager');
|
||||
const View = require('View');
|
||||
const React = require('react');
|
||||
const {NativeModules, StyleSheet, UIManager, View} = require('react-native');
|
||||
|
||||
const {TestModule} = require('NativeModules');
|
||||
const {TestModule} = NativeModules;
|
||||
|
||||
import type {SyntheticEvent} from 'CoreEventTypes';
|
||||
import type {ViewProps} from 'ViewPropTypes';
|
||||
import type {SyntheticEvent} from '../../Libraries/Types/CoreEventTypes';
|
||||
import type {ViewProps} from '../../Libraries/Components/View/ViewPropTypes';
|
||||
|
||||
// Verify that RCTSnapshot is part of the UIManager since it is only loaded
|
||||
// if you have linked against RCTTest like in tests, otherwise we will have
|
||||
// a warning printed out
|
||||
const RCTSnapshot = UIManager.getViewManagerConfig('RCTSnapshot')
|
||||
? require('RCTSnapshotNativeComponent')
|
||||
? require('../RCTTest/RCTSnapshotNativeComponent')
|
||||
: View;
|
||||
|
||||
type SnapshotReadyEvent = SyntheticEvent<
|
||||
|
|
|
@ -11,7 +11,6 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {
|
||||
StatusBar,
|
||||
StyleSheet,
|
||||
|
@ -19,7 +18,7 @@ const {
|
|||
TouchableHighlight,
|
||||
View,
|
||||
Modal,
|
||||
} = ReactNative;
|
||||
} = require('react-native');
|
||||
|
||||
const colors = ['#ff0000', '#00ff00', '#0000ff', 'rgba(0, 0, 0, 0.4)'];
|
||||
|
||||
|
|
|
@ -13,8 +13,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {Image, StyleSheet, Text, View} = ReactNative;
|
||||
const {Image, StyleSheet, Text, View} = require('react-native');
|
||||
const RNTesterBlock = require('./RNTesterBlock');
|
||||
const RNTesterPage = require('./RNTesterPage');
|
||||
const TextLegend = require('./Shared/TextLegend');
|
||||
|
|
|
@ -10,10 +10,15 @@
|
|||
|
||||
'use strict';
|
||||
|
||||
const Platform = require('Platform');
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {Text, TextInput, View, LayoutAnimation, Button} = ReactNative;
|
||||
const {
|
||||
Button,
|
||||
LayoutAnimation,
|
||||
Platform,
|
||||
Text,
|
||||
TextInput,
|
||||
View,
|
||||
} = require('react-native');
|
||||
const TextLegend = require('./Shared/TextLegend');
|
||||
|
||||
type TextAlignExampleRTLState = {|
|
||||
|
|
|
@ -11,8 +11,14 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {Text, TextInput, View, StyleSheet, Slider, Switch} = ReactNative;
|
||||
const {
|
||||
Text,
|
||||
TextInput,
|
||||
View,
|
||||
StyleSheet,
|
||||
Slider,
|
||||
Switch,
|
||||
} = require('react-native');
|
||||
|
||||
class TextEventsExample extends React.Component<{}, $FlowFixMeState> {
|
||||
state = {
|
||||
|
|
|
@ -10,11 +10,18 @@
|
|||
|
||||
'use strict';
|
||||
|
||||
const Button = require('Button');
|
||||
const InputAccessoryView = require('InputAccessoryView');
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {Text, TextInput, View, StyleSheet, Slider, Switch, Alert} = ReactNative;
|
||||
const {
|
||||
Button,
|
||||
InputAccessoryView,
|
||||
Text,
|
||||
TextInput,
|
||||
View,
|
||||
StyleSheet,
|
||||
Slider,
|
||||
Switch,
|
||||
Alert,
|
||||
} = require('react-native');
|
||||
|
||||
class WithLabel extends React.Component<$FlowFixMeProps> {
|
||||
render() {
|
||||
|
|
|
@ -10,13 +10,12 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {
|
||||
TimePickerAndroid,
|
||||
StyleSheet,
|
||||
Text,
|
||||
TouchableWithoutFeedback,
|
||||
} = ReactNative;
|
||||
} = require('react-native');
|
||||
|
||||
const RNTesterBlock = require('./RNTesterBlock');
|
||||
const RNTesterPage = require('./RNTesterPage');
|
||||
|
|
|
@ -11,8 +11,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {Alert, Platform, ToastAndroid, Text, View} = ReactNative;
|
||||
const {Alert, Platform, ToastAndroid, Text, View} = require('react-native');
|
||||
const RNTesterButton = require('./RNTesterButton');
|
||||
const performanceNow = require('fbjs/lib/performanceNow');
|
||||
|
||||
|
|
|
@ -11,11 +11,15 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {StyleSheet, Text, ToastAndroid, TouchableWithoutFeedback} = ReactNative;
|
||||
const {
|
||||
StyleSheet,
|
||||
Text,
|
||||
ToastAndroid,
|
||||
TouchableWithoutFeedback,
|
||||
} = require('react-native');
|
||||
|
||||
const RNTesterBlock = require('RNTesterBlock');
|
||||
const RNTesterPage = require('RNTesterPage');
|
||||
const RNTesterBlock = require('./RNTesterBlock');
|
||||
const RNTesterPage = require('./RNTesterPage');
|
||||
|
||||
type Props = $ReadOnly<{||}>;
|
||||
class ToastExample extends React.Component<Props> {
|
||||
|
|
|
@ -11,16 +11,19 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {
|
||||
StyleSheet,
|
||||
Switch,
|
||||
Text,
|
||||
ToolbarAndroid,
|
||||
View,
|
||||
} = require('react-native');
|
||||
|
||||
const nativeImageSource = require('../../Libraries/Image/nativeImageSource');
|
||||
|
||||
const nativeImageSource = require('nativeImageSource');
|
||||
const {StyleSheet, Text, View} = ReactNative;
|
||||
const RNTesterBlock = require('./RNTesterBlock');
|
||||
const RNTesterPage = require('./RNTesterPage');
|
||||
|
||||
const Switch = require('Switch');
|
||||
const ToolbarAndroid = require('ToolbarAndroid');
|
||||
|
||||
class ToolbarAndroidExample extends React.Component<{}, $FlowFixMeState> {
|
||||
state = {
|
||||
actionText: 'Example app with toolbar component',
|
||||
|
|
|
@ -10,5 +10,7 @@
|
|||
|
||||
'use strict';
|
||||
|
||||
const {View} = require('react-native');
|
||||
|
||||
// Not applicable to iOS.
|
||||
module.exports = require('View');
|
||||
module.exports = View;
|
||||
|
|
|
@ -11,7 +11,6 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {
|
||||
Animated,
|
||||
Image,
|
||||
|
@ -19,13 +18,12 @@ const {
|
|||
Text,
|
||||
TouchableHighlight,
|
||||
TouchableOpacity,
|
||||
NativeModules,
|
||||
Platform,
|
||||
TouchableNativeFeedback,
|
||||
TouchableWithoutFeedback,
|
||||
View,
|
||||
} = ReactNative;
|
||||
|
||||
const NativeModules = require('NativeModules');
|
||||
} = require('react-native');
|
||||
|
||||
const forceTouchAvailable =
|
||||
(NativeModules.PlatformConstants &&
|
||||
|
|
|
@ -11,8 +11,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {Animated, StyleSheet, Text, View} = ReactNative;
|
||||
const {Animated, StyleSheet, Text, View} = require('react-native');
|
||||
|
||||
class Flip extends React.Component<{}, $FlowFixMeState> {
|
||||
state = {
|
||||
|
|
|
@ -11,8 +11,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {Text, View, TouchableOpacity, Alert} = ReactNative;
|
||||
const {Text, View, TouchableOpacity, Alert} = require('react-native');
|
||||
|
||||
class TransparentHitTestExample extends React.Component<{}> {
|
||||
render() {
|
||||
|
|
|
@ -11,7 +11,6 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {
|
||||
StyleSheet,
|
||||
View,
|
||||
|
@ -19,7 +18,7 @@ const {
|
|||
TouchableHighlight,
|
||||
Vibration,
|
||||
Platform,
|
||||
} = ReactNative;
|
||||
} = require('react-native');
|
||||
|
||||
exports.framework = 'React';
|
||||
exports.title = 'Vibration';
|
||||
|
|
|
@ -13,8 +13,12 @@
|
|||
/* eslint-disable react-native/no-inline-styles */
|
||||
|
||||
const React = require('react');
|
||||
const {StyleSheet, Text, View} = require('react-native');
|
||||
const TouchableWithoutFeedback = require('TouchableWithoutFeedback');
|
||||
const {
|
||||
StyleSheet,
|
||||
Text,
|
||||
TouchableWithoutFeedback,
|
||||
View,
|
||||
} = require('react-native');
|
||||
|
||||
exports.title = '<View>';
|
||||
exports.description =
|
||||
|
|
|
@ -10,7 +10,6 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {
|
||||
Image,
|
||||
StyleSheet,
|
||||
|
@ -19,9 +18,9 @@ const {
|
|||
TouchableOpacity,
|
||||
View,
|
||||
ViewPagerAndroid,
|
||||
} = ReactNative;
|
||||
} = require('react-native');
|
||||
|
||||
import type {ViewPagerScrollState} from 'ViewPagerAndroid';
|
||||
import type {ViewPagerScrollState} from '../../Libraries/Components/ViewPager/ViewPagerAndroid';
|
||||
|
||||
const PAGES = 5;
|
||||
const BGCOLOR = ['#fdc08e', '#fff6b9', '#99d1b7', '#dde5fe', '#f79273'];
|
||||
|
|
|
@ -11,7 +11,6 @@
|
|||
/* eslint-env browser */
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {
|
||||
Image,
|
||||
PixelRatio,
|
||||
|
@ -21,7 +20,7 @@ const {
|
|||
TextInput,
|
||||
TouchableOpacity,
|
||||
View,
|
||||
} = ReactNative;
|
||||
} = require('react-native');
|
||||
|
||||
const DEFAULT_WS_URL = 'ws://localhost:5555/';
|
||||
const DEFAULT_HTTP_URL = 'http://localhost:5556/';
|
||||
|
|
|
@ -11,7 +11,6 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {
|
||||
Alert,
|
||||
Linking,
|
||||
|
@ -20,7 +19,7 @@ const {
|
|||
Text,
|
||||
TouchableHighlight,
|
||||
View,
|
||||
} = ReactNative;
|
||||
} = require('react-native');
|
||||
|
||||
const BINARY_TYPES = {
|
||||
String,
|
||||
|
|
|
@ -11,7 +11,6 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {
|
||||
Alert,
|
||||
Platform,
|
||||
|
@ -22,7 +21,7 @@ const {
|
|||
Text,
|
||||
TouchableHighlight,
|
||||
View,
|
||||
} = ReactNative;
|
||||
} = require('react-native');
|
||||
|
||||
/**
|
||||
* Convert number of bytes to MB and round to the nearest 0.1 MB.
|
||||
|
|
|
@ -11,8 +11,7 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {StyleSheet, Text, TextInput, View, Platform} = ReactNative;
|
||||
const {StyleSheet, Text, TextInput, View, Platform} = require('react-native');
|
||||
|
||||
class XHRExampleFetch extends React.Component<any, any> {
|
||||
responseURL: ?string;
|
||||
|
|
|
@ -11,7 +11,6 @@
|
|||
'use strict';
|
||||
|
||||
const React = require('react');
|
||||
const ReactNative = require('react-native');
|
||||
const {
|
||||
CameraRoll,
|
||||
Image,
|
||||
|
@ -22,7 +21,7 @@ const {
|
|||
TextInput,
|
||||
TouchableHighlight,
|
||||
View,
|
||||
} = ReactNative;
|
||||
} = require('react-native');
|
||||
|
||||
const XHRExampleBinaryUpload = require('./XHRExampleBinaryUpload');
|
||||
|
||||
|
|
Некоторые файлы не были показаны из-за слишком большого количества измененных файлов Показать больше
Загрузка…
Ссылка в новой задаче