AndroidViewPagers.js (#22995)
Summary: [Android][Changed] - All the imports connected to `requireNativeComponent` in `ViewPager` was moved to a separate file. Issue in focus: #22990 Pull Request resolved: https://github.com/facebook/react-native/pull/22995 Differential Revision: D13760459 Pulled By: cpojer fbshipit-source-id: fca1633ce933ea4909ef81d7bbe8123d654e24fb
This commit is contained in:
Родитель
f2ab0ebdbb
Коммит
ec488dcf63
|
@ -0,0 +1,112 @@
|
||||||
|
/**
|
||||||
|
* 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';
|
||||||
|
|
||||||
|
const requireNativeComponent = require('requireNativeComponent');
|
||||||
|
|
||||||
|
import type {SyntheticEvent} from 'CoreEventTypes';
|
||||||
|
import type {NativeComponent} from 'ReactNative';
|
||||||
|
import type {Node} from 'React';
|
||||||
|
import type {ViewStyleProp} from 'StyleSheet';
|
||||||
|
|
||||||
|
type PageScrollState = 'idle' | 'dragging' | 'settling';
|
||||||
|
|
||||||
|
type PageScrollEvent = SyntheticEvent<
|
||||||
|
$ReadOnly<{|
|
||||||
|
position: number,
|
||||||
|
offset: number,
|
||||||
|
|}>,
|
||||||
|
>;
|
||||||
|
|
||||||
|
type PageScrollStateChangedEvent = SyntheticEvent<
|
||||||
|
$ReadOnly<{|
|
||||||
|
pageScrollState: PageScrollState,
|
||||||
|
|}>,
|
||||||
|
>;
|
||||||
|
|
||||||
|
type PageSelectedEvent = SyntheticEvent<
|
||||||
|
$ReadOnly<{|
|
||||||
|
position: number,
|
||||||
|
|}>,
|
||||||
|
>;
|
||||||
|
|
||||||
|
type NativeProps = $ReadOnly<{|
|
||||||
|
/**
|
||||||
|
* Index of initial page that should be selected. Use `setPage` method to
|
||||||
|
* update the page, and `onPageSelected` to monitor page changes
|
||||||
|
*/
|
||||||
|
initialPage?: ?number,
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Executed when transitioning between pages (ether because of animation for
|
||||||
|
* the requested page change or when user is swiping/dragging between pages)
|
||||||
|
* The `event.nativeEvent` object for this callback will carry following data:
|
||||||
|
* - position - index of first page from the left that is currently visible
|
||||||
|
* - offset - value from range [0,1) describing stage between page transitions.
|
||||||
|
* Value x means that (1 - x) fraction of the page at "position" index is
|
||||||
|
* visible, and x fraction of the next page is visible.
|
||||||
|
*/
|
||||||
|
onPageScroll?: ?(e: PageScrollEvent) => void,
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Function called when the page scrolling state has changed.
|
||||||
|
* The page scrolling state can be in 3 states:
|
||||||
|
* - idle, meaning there is no interaction with the page scroller happening at the time
|
||||||
|
* - dragging, meaning there is currently an interaction with the page scroller
|
||||||
|
* - settling, meaning that there was an interaction with the page scroller, and the
|
||||||
|
* page scroller is now finishing it's closing or opening animation
|
||||||
|
*/
|
||||||
|
onPageScrollStateChanged?: ?(e: PageScrollStateChangedEvent) => void,
|
||||||
|
|
||||||
|
/**
|
||||||
|
* This callback will be called once ViewPager finish navigating to selected page
|
||||||
|
* (when user swipes between pages). The `event.nativeEvent` object passed to this
|
||||||
|
* callback will have following fields:
|
||||||
|
* - position - index of page that has been selected
|
||||||
|
*/
|
||||||
|
onPageSelected?: ?(e: PageSelectedEvent) => void,
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Blank space to show between pages. This is only visible while scrolling, pages are still
|
||||||
|
* edge-to-edge.
|
||||||
|
*/
|
||||||
|
pageMargin?: ?number,
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Whether enable showing peekFraction or not. If this is true, the preview of
|
||||||
|
* last and next page will show in current screen. Defaults to false.
|
||||||
|
*/
|
||||||
|
|
||||||
|
peekEnabled?: ?boolean,
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Determines whether the keyboard gets dismissed in response to a drag.
|
||||||
|
* - 'none' (the default), drags do not dismiss the keyboard.
|
||||||
|
* - 'on-drag', the keyboard is dismissed when a drag begins.
|
||||||
|
*/
|
||||||
|
keyboardDismissMode?: ?('none' | 'on-drag'),
|
||||||
|
|
||||||
|
/**
|
||||||
|
* When false, the content does not scroll.
|
||||||
|
* The default value is true.
|
||||||
|
*/
|
||||||
|
scrollEnabled?: ?boolean,
|
||||||
|
|
||||||
|
children?: Node,
|
||||||
|
|
||||||
|
style?: ?ViewStyleProp,
|
||||||
|
|}>;
|
||||||
|
|
||||||
|
type ViewPagerNativeType = Class<NativeComponent<NativeProps>>;
|
||||||
|
|
||||||
|
module.exports = ((requireNativeComponent(
|
||||||
|
'AndroidViewPager',
|
||||||
|
): any): ViewPagerNativeType);
|
|
@ -15,9 +15,8 @@ const ReactNative = require('ReactNative');
|
||||||
const UIManager = require('UIManager');
|
const UIManager = require('UIManager');
|
||||||
|
|
||||||
const dismissKeyboard = require('dismissKeyboard');
|
const dismissKeyboard = require('dismissKeyboard');
|
||||||
const requireNativeComponent = require('requireNativeComponent');
|
|
||||||
|
|
||||||
const NativeAndroidViewPager = requireNativeComponent('AndroidViewPager');
|
const NativeAndroidViewPager = require('AndroidViewPagerNativeComponent');
|
||||||
|
|
||||||
import type {SyntheticEvent} from 'CoreEventTypes';
|
import type {SyntheticEvent} from 'CoreEventTypes';
|
||||||
import type {ViewStyleProp} from 'StyleSheet';
|
import type {ViewStyleProp} from 'StyleSheet';
|
||||||
|
@ -77,7 +76,7 @@ type Props = $ReadOnly<{|
|
||||||
* - settling, meaning that there was an interaction with the page scroller, and the
|
* - settling, meaning that there was an interaction with the page scroller, and the
|
||||||
* page scroller is now finishing it's closing or opening animation
|
* page scroller is now finishing it's closing or opening animation
|
||||||
*/
|
*/
|
||||||
onPageScrollStateChanged?: ?(e: PageScrollState) => void,
|
onPageScrollStateChanged?: ?(e: PageScrollStateChangedEvent) => void,
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* This callback will be called once ViewPager finish navigating to selected page
|
* This callback will be called once ViewPager finish navigating to selected page
|
||||||
|
@ -225,7 +224,7 @@ class ViewPagerAndroid extends React.Component<Props> {
|
||||||
|
|
||||||
_onPageScrollStateChanged = (e: PageScrollStateChangedEvent) => {
|
_onPageScrollStateChanged = (e: PageScrollStateChangedEvent) => {
|
||||||
if (this.props.onPageScrollStateChanged) {
|
if (this.props.onPageScrollStateChanged) {
|
||||||
this.props.onPageScrollStateChanged(e.nativeEvent.pageScrollState);
|
this.props.onPageScrollStateChanged(e);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
|
@ -517,7 +517,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
if ('responseType' in xhr && support.blob) {
|
if ('responseType' in xhr && support.blob) {
|
||||||
xhr.responseType = 'blob'
|
xhr.responseType = 'blob';
|
||||||
}
|
}
|
||||||
|
|
||||||
request.headers.forEach(function(value, name) {
|
request.headers.forEach(function(value, name) {
|
||||||
|
|
Загрузка…
Ссылка в новой задаче