kylefang/DefinitelyTyped
1
0
Fork 0
mirror of https://github.com/zhigang1992/DefinitelyTyped.git synced 2026-04-14 22:40:03 +08:00
Code Issues Packages Projects Releases Wiki Activity

[react-native] Move out of React namespace into its own.

Browse Source 
This changed in ReactNative 0.25
This commit is contained in:
Eloy Durán
2017-02-25 15:54:06 +01:00
parent ee47689572
commit a60dca20d8
3 changed files with 59 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
react-native/index.d.ts vendored
View File

@@ -18,10 +18,10 @@
import * as React from 'react';
export = React;
export = ReactNative;
export as namespace ReactNative
//react-native "extends" react
declare module "react" {
declare namespace ReactNative {
export type MeasureOnSuccessCallback = (
x: number,
y: number,
@@ -334,7 +334,7 @@ declare module "react" {
blur(): void;
refs: {
[key: string]: Component<any, any>
[key: string]: React.Component<any, any>
};
}
@@ -1193,7 +1193,7 @@ declare module "react" {
*/
value?: string
ref?: Ref<ViewStatic & TextInputStatic>
ref?: React.Ref<ViewStatic & TextInputStatic>
}
/**
@@ -1359,7 +1359,7 @@ declare module "react" {
*/
titleColor?: string
ref?: Ref<ToolbarAndroidStatic>
ref?: React.Ref<ToolbarAndroidStatic>
}
/**
@@ -1858,7 +1858,7 @@ declare module "react" {
*/
keyboardVerticalOffset?: number
ref?: Ref<KeyboardAvoidingViewStatic & ViewStatic>
ref?: React.Ref<KeyboardAvoidingViewStatic & ViewStatic>
}
/**
@@ -2092,7 +2092,7 @@ declare module "react" {
*/
scalesPageToFit?: boolean
ref?: Ref<WebViewStatic & ViewStatic>
ref?: React.Ref<WebViewStatic & ViewStatic>
}
@@ -2181,7 +2181,7 @@ declare module "react" {
*/
values?: string[]
ref?: Ref<SegmentedControlIOSStatic>
ref?: React.Ref<SegmentedControlIOSStatic>
}
/**
@@ -2360,10 +2360,10 @@ declare module "react" {
style?: ViewStyle
ref?: Ref<ActivityIndicatorStatic>
ref?: React.Ref<ActivityIndicatorStatic>
}
export interface ActivityIndicatorStatic extends React.NativeMethodsMixin, React.ClassicComponentClass<ActivityIndicatorProperties> {
export interface ActivityIndicatorStatic extends NativeMethodsMixin, React.ClassicComponentClass<ActivityIndicatorProperties> {
}
@@ -2402,7 +2402,7 @@ declare module "react" {
style?: ViewStyle
ref?: Ref<ActivityIndicatorIOSStatic>
ref?: React.Ref<ActivityIndicatorIOSStatic>
}
/**
@@ -2458,10 +2458,10 @@ declare module "react" {
*/
timeZoneOffsetInMinutes?: number
ref?: Ref<DatePickerIOSStatic & ViewStatic>
ref?: React.Ref<DatePickerIOSStatic & ViewStatic>
}
export interface DatePickerIOSStatic extends React.NativeMethodsMixin, React.ComponentClass<DatePickerIOSProperties> {
export interface DatePickerIOSStatic extends NativeMethodsMixin, React.ComponentClass<DatePickerIOSProperties> {
}
export interface DrawerSlideEvent extends NativeSyntheticEvent<NativeTouchEvent> {
@@ -2561,7 +2561,7 @@ declare module "react" {
*/
statusBarBackgroundColor?: string
ref?: Ref<DrawerLayoutAndroidStatic & ViewStatic>
ref?: React.Ref<DrawerLayoutAndroidStatic & ViewStatic>
}
interface DrawerPosition {
@@ -2621,7 +2621,7 @@ declare module "react" {
*/
itemStyle?: ViewStyle,
ref?: Ref<PickerStatic & ViewStatic>
ref?: React.Ref<PickerStatic & ViewStatic>
}
export interface PickerPropertiesAndroid extends ViewProperties, React.Props<PickerStatic> {
@@ -2649,7 +2649,7 @@ declare module "react" {
*/
prompt?: string
ref?: Ref<PickerStatic & ViewStatic>
ref?: React.Ref<PickerStatic & ViewStatic>
}
/**
@@ -2681,7 +2681,7 @@ declare module "react" {
*/
testId?: string
ref?: Ref<PickerStatic>
ref?: React.Ref<PickerStatic>
}
/**
@@ -2712,7 +2712,7 @@ declare module "react" {
onValueChange?: ( value: string | number ) => void
selectedValue?: string | number
ref?: Ref<PickerIOSStatic & ViewStatic>
ref?: React.Ref<PickerIOSStatic & ViewStatic>
}
/**
@@ -2763,7 +2763,7 @@ declare module "react" {
*/
testID?: string
ref?: Ref<ProgressBarAndroidStatic>
ref?: React.Ref<ProgressBarAndroidStatic>
}
/**
* React component that wraps the Android-only `ProgressBar`. This component is used to indicate
@@ -2808,7 +2808,7 @@ declare module "react" {
*/
trackImage?: ImageURISource | ImageURISource[]
ref?: Ref<ProgressViewIOSStatic>
ref?: React.Ref<ProgressViewIOSStatic>
}
export interface ProgressViewIOSStatic extends NativeMethodsMixin, React.ClassicComponentClass<ProgressViewIOSProperties> {
}
@@ -2830,7 +2830,7 @@ declare module "react" {
*/
titleColor?: string
ref?: Ref<RefreshControlStatic & ViewStatic>
ref?: React.Ref<RefreshControlStatic & ViewStatic>
}
export interface RefreshControlPropertiesAndroid extends ViewProperties, React.Props<RefreshControlStatic> {
@@ -2861,7 +2861,7 @@ declare module "react" {
*/
progressViewOffset?: number
ref?: Ref<RefreshControlStatic & ViewStatic>
ref?: React.Ref<RefreshControlStatic & ViewStatic>
}
export interface RefreshControlProperties extends RefreshControlPropertiesIOS, RefreshControlPropertiesAndroid, React.Props<RefreshControl> {
@@ -2876,7 +2876,7 @@ declare module "react" {
*/
refreshing: boolean
ref?: Ref<RefreshControlStatic>
ref?: React.Ref<RefreshControlStatic>
}
/**
@@ -2892,7 +2892,7 @@ declare module "react" {
}
export interface RecyclerViewBackedScrollViewProperties extends ScrollViewProperties, React.Props<RecyclerViewBackedScrollViewStatic> {
ref?: Ref<RecyclerViewBackedScrollViewProperties & ScrollViewProperties>
ref?: React.Ref<RecyclerViewBackedScrollViewProperties & ScrollViewProperties>
}
/**
@@ -2975,7 +2975,7 @@ declare module "react" {
*/
trackImage?: ImageURISource
ref?: Ref<SliderStatic>
ref?: React.Ref<SliderStatic>
}
export interface SliderProperties extends SliderPropertiesIOS, React.Props<SliderStatic> {
@@ -3075,7 +3075,7 @@ declare module "react" {
*/
value?: boolean
ref?: Ref<SwitchIOSStatic>
ref?: React.Ref<SwitchIOSStatic>
}
/**
@@ -3352,7 +3352,7 @@ declare module "react" {
}
export interface ImageStatic extends React.NativeMethodsMixin, React.ComponentClass<ImageProperties> {
export interface ImageStatic extends NativeMethodsMixin, React.ComponentClass<ImageProperties> {
resizeMode: ImageResizeMode
getSize(uri: string, success: (width: number, height: number) => void, failure: (error: any) => void): any
prefetch(url: string): any
@@ -3493,7 +3493,7 @@ declare module "react" {
*/
stickyHeaderIndices?: number[]
ref?: Ref<ListViewStatic & ScrollViewStatic & ViewStatic>
ref?: React.Ref<ListViewStatic & ScrollViewStatic & ViewStatic>
}
@@ -3545,12 +3545,12 @@ declare module "react" {
onBlur?: () => any,
title?: string
subtitle?: string
leftCalloutView?: ReactElement<any>
rightCalloutView?: ReactElement<any>
detailCalloutView?: ReactElement<any>
leftCalloutView?: React.ReactElement<any>
rightCalloutView?: React.ReactElement<any>
detailCalloutView?: React.ReactElement<any>
tintColor?: string
image?: ImageURISource
view?: ReactElement<any>
view?: React.ReactElement<any>
hasLeftCallout?: boolean
hasRightCallout?: boolean
onLeftCalloutPress?: () => void
@@ -3695,13 +3695,13 @@ declare module "react" {
*/
zoomEnabled?: boolean
ref?: Ref<MapViewStatic & ViewStatic>
ref?: React.Ref<MapViewStatic & ViewStatic>
}
/**
* @see https://facebook.github.io/react-native/docs/mapview.html#content
*/
export interface MapViewStatic extends React.NativeMethodsMixin, React.ComponentClass<MapViewProperties> {
export interface MapViewStatic extends NativeMethodsMixin, React.ComponentClass<MapViewProperties> {
PinColors: {
RED: string,
GREEN: string,
@@ -4814,7 +4814,7 @@ declare module "react" {
*/
title?: string
ref?: Ref<TabBarItemStatic & ViewStatic>
ref?: React.Ref<TabBarItemStatic & ViewStatic>
}
export interface TabBarItemStatic extends React.ComponentClass<TabBarItemProperties> {
@@ -4856,7 +4856,7 @@ declare module "react" {
*/
unselectedTintColor?: string
ref?: Ref<TabBarIOSStatic & ViewStatic>
ref?: React.Ref<TabBarIOSStatic & ViewStatic>
}
export interface TabBarIOSStatic extends React.ComponentClass<TabBarIOSProperties> {
@@ -5624,11 +5624,11 @@ declare module "react" {
*/
refreshControl?: React.ReactElement<RefreshControlProperties>
ref?: Ref<ScrollViewStatic & ViewStatic>
ref?: React.Ref<ScrollViewStatic & ViewStatic>
}
export interface ScrollViewProps extends ScrollViewProperties, React.Props<ScrollViewStatic> {
ref?: Ref<ScrollViewStatic>
ref?: React.Ref<ScrollViewStatic>
}
interface ScrollViewStatic extends ScrollResponderMixin, React.ComponentClass<ScrollViewProps> {
@@ -5700,7 +5700,7 @@ declare module "react" {
// A name to identify the individual instance to the SnapshotView
testIdentifier : string,
ref?: Ref<ViewStatic & SnapshotViewIOSStatic>
ref?: React.Ref<ViewStatic & SnapshotViewIOSStatic>
}
export interface SnapshotViewIOSStatic extends NativeMethodsMixin, React.ComponentClass<SnapshotViewIOSProperties> {}
@@ -6144,7 +6144,7 @@ declare module "react" {
disabled?: boolean;
}
export interface ButtonStatic extends ComponentClass<ButtonProperties> {
export interface ButtonStatic extends React.ComponentClass<ButtonProperties> {
}
export type CameraRollGroupType = "Album" | "All" | "Event" | "Faces" | "Library" | "PhotoStream" | "SavedPhotos";
@@ -7036,7 +7036,7 @@ declare module "react" {
* @platform ios
*/
takeSnapshot: (
view ?: 'window' | ReactElement<any> | number,
view ?: 'window' | React.ReactElement<any> | number,
options ?: {
width ?: number,
height ?: number,
@@ -7063,7 +7063,7 @@ declare module "react" {
*/
tintColor?: string
ref?: Ref<SwitchStatic>
ref?: React.Ref<SwitchStatic>
}
export interface SwitchProperties extends SwitchPropertiesIOS, React.Props<SwitchStatic> {
@@ -8356,13 +8356,13 @@ declare module "react" {
//
// Prop Types
//
export var ColorPropType: Requireable<any>
export var EdgeInsetsPropType: Requireable<any>
export var PointPropType: Requireable<any>
export var ColorPropType: React.Requireable<any>
export var EdgeInsetsPropType: React.Requireable<any>
export var PointPropType: React.Requireable<any>
}
declare global {
const global: React.GlobalStatic;
const global: ReactNative.GlobalStatic;
function require(name: string): any;
/**

16
react-native/test/index.tsx
View File

@@ -11,11 +11,13 @@ The content of index.io.js could be something like
For a list of complete Typescript examples: check https://github.com/bgrieder/RNTSExplorer
*/
import * as React from 'react-native'
import * as React from 'react'
import {
StyleSheet,
Text,
TextStyle,
View,
ViewStyle,
AppState,
AppStateIOS,
ViewPagerAndroid,
@@ -43,9 +45,9 @@ BackAndroid.addEventListener("hardwareBackPress", () => {
});
interface LocalStyles {
container: React.ViewStyle;
welcome: React.TextStyle;
instructions: React.TextStyle;
container: ViewStyle;
welcome: TextStyle;
instructions: TextStyle;
}
var styles = StyleSheet.create<LocalStyles>(
@@ -77,17 +79,17 @@ const stylesAlt = StyleSheet.create(
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF',
} as React.ViewStyle,
} as ViewStyle,
welcome: {
fontSize: 20,
textAlign: 'center',
margin: 10,
} as React.TextStyle,
} as TextStyle,
instructions: {
textAlign: 'center',
color: '#333333',
marginBottom: 5,
} as React.TextStyle
} as TextStyle
}
)