mirror of
https://github.com/status-im/react-native.git
synced 2025-01-10 01:25:39 +00:00
8b78846a95
Summary: KeyboardAvoidingView is a component we built internally to solve the common problem of views that need to move out of the way of the virtual keyboard. KeyboardAvoidingView can automatically adjust either its position or bottom padding based on the position of the keyboard. Reviewed By: javache Differential Revision: D3398238 fbshipit-source-id: 493f2d2dec76667996250c011a1c5b7a14f245eb
215 lines
4.7 KiB
JavaScript
215 lines
4.7 KiB
JavaScript
/**
|
|
* Copyright (c) 2013-present, Facebook, Inc.
|
|
* All rights reserved.
|
|
*
|
|
* This source code is licensed under the BSD-style license found in the
|
|
* LICENSE file in the root directory of this source tree. An additional grant
|
|
* of patent rights can be found in the PATENTS file in the same directory.
|
|
*
|
|
* The examples provided by Facebook are for non-commercial testing and
|
|
* evaluation purposes only.
|
|
*
|
|
* Facebook reserves all rights not expressly granted.
|
|
*
|
|
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
|
|
* OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
* FITNESS FOR A PARTICULAR PURPOSE AND NON INFRINGEMENT. IN NO EVENT SHALL
|
|
* FACEBOOK BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
|
|
* AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
|
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
*
|
|
* @flow
|
|
*/
|
|
'use strict';
|
|
|
|
const React = require('React');
|
|
|
|
export type UIExplorerExample = {
|
|
key: string;
|
|
module: React.Component;
|
|
};
|
|
|
|
var ComponentExamples: Array<UIExplorerExample> = [
|
|
{
|
|
key: 'ActivityIndicatorExample',
|
|
module: require('./ActivityIndicatorExample'),
|
|
},
|
|
{
|
|
key: 'SliderExample',
|
|
module: require('./SliderExample'),
|
|
},
|
|
{
|
|
key: 'ImageExample',
|
|
module: require('./ImageExample'),
|
|
},
|
|
{
|
|
key: 'ListViewExample',
|
|
module: require('./ListViewExample'),
|
|
},
|
|
{
|
|
key: 'ModalExample',
|
|
module: require('./ModalExample'),
|
|
},
|
|
{
|
|
key: 'PickerExample',
|
|
module: require('./PickerExample'),
|
|
},
|
|
{
|
|
key: 'ProgressBarAndroidExample',
|
|
module: require('./ProgressBarAndroidExample'),
|
|
},
|
|
{
|
|
key: 'RefreshControlExample',
|
|
module: require('./RefreshControlExample'),
|
|
},
|
|
{
|
|
key: 'ScrollViewSimpleExample',
|
|
module: require('./ScrollViewSimpleExample'),
|
|
},
|
|
{
|
|
key: 'StatusBarExample',
|
|
module: require('./StatusBarExample'),
|
|
},
|
|
{
|
|
key: 'SwitchExample',
|
|
module: require('./SwitchExample'),
|
|
},
|
|
{
|
|
key: 'TextExample',
|
|
module: require('./TextExample'),
|
|
},
|
|
{
|
|
key: 'TextInputExample',
|
|
module: require('./TextInputExample'),
|
|
},
|
|
{
|
|
key: 'ToolbarAndroidExample',
|
|
module: require('./ToolbarAndroidExample'),
|
|
},
|
|
{
|
|
key: 'TouchableExample',
|
|
module: require('./TouchableExample'),
|
|
},
|
|
{
|
|
key: 'ViewExample',
|
|
module: require('./ViewExample'),
|
|
},
|
|
{
|
|
key: 'ViewPagerAndroidExample',
|
|
module: require('./ViewPagerAndroidExample'),
|
|
},
|
|
{
|
|
key: 'WebViewExample',
|
|
module: require('./WebViewExample'),
|
|
},
|
|
];
|
|
|
|
const APIExamples = [
|
|
{
|
|
key: 'AccessibilityAndroidExample',
|
|
module: require('./AccessibilityAndroidExample'),
|
|
},
|
|
{
|
|
key: 'AlertExample',
|
|
module: require('./AlertExample').AlertExample,
|
|
},
|
|
{
|
|
key: 'AppStateExample',
|
|
module: require('./AppStateExample'),
|
|
},
|
|
{
|
|
key: 'BorderExample',
|
|
module: require('./BorderExample'),
|
|
},
|
|
{
|
|
key: 'CameraRollExample',
|
|
module: require('./CameraRollExample'),
|
|
},
|
|
{
|
|
key: 'ClipboardExample',
|
|
module: require('./ClipboardExample'),
|
|
},
|
|
{
|
|
key: 'DatePickerAndroidExample',
|
|
module: require('./DatePickerAndroidExample'),
|
|
},
|
|
{
|
|
key: 'GeolocationExample',
|
|
module: require('./GeolocationExample'),
|
|
},
|
|
{
|
|
key: 'ImageEditingExample',
|
|
module: require('./ImageEditingExample'),
|
|
},
|
|
{
|
|
key: 'LayoutEventsExample',
|
|
module: require('./LayoutEventsExample'),
|
|
},
|
|
{
|
|
key: 'LinkingExample',
|
|
module: require('./LinkingExample'),
|
|
},
|
|
{
|
|
key: 'LayoutAnimationExample',
|
|
module: require('./LayoutAnimationExample'),
|
|
},
|
|
{
|
|
key: 'LayoutExample',
|
|
module: require('./LayoutExample'),
|
|
},
|
|
{
|
|
key: 'NavigationExperimentalExample',
|
|
module: require('./NavigationExperimental/NavigationExperimentalExample'),
|
|
},
|
|
{
|
|
key: 'NetInfoExample',
|
|
module: require('./NetInfoExample'),
|
|
},
|
|
{
|
|
key: 'PanResponderExample',
|
|
module: require('./PanResponderExample'),
|
|
},
|
|
{
|
|
key: 'PointerEventsExample',
|
|
module: require('./PointerEventsExample'),
|
|
},
|
|
{
|
|
key: 'TimePickerAndroidExample',
|
|
module: require('./TimePickerAndroidExample'),
|
|
},
|
|
{
|
|
key: 'TimerExample',
|
|
module: require('./TimerExample'),
|
|
},
|
|
{
|
|
key: 'ToastAndroidExample',
|
|
module: require('./ToastAndroidExample'),
|
|
},
|
|
{
|
|
key: 'VibrationExample',
|
|
module: require('./VibrationExample'),
|
|
},
|
|
{
|
|
key: 'WebSocketExample',
|
|
module: require('./WebSocketExample'),
|
|
},
|
|
{
|
|
key: 'XHRExample',
|
|
module: require('./XHRExample'),
|
|
},
|
|
];
|
|
|
|
const Modules = {};
|
|
|
|
APIExamples.concat(ComponentExamples).forEach(Example => {
|
|
Modules[Example.key] = Example.module;
|
|
});
|
|
|
|
const UIExplorerList = {
|
|
APIExamples,
|
|
ComponentExamples,
|
|
Modules,
|
|
};
|
|
|
|
module.exports = UIExplorerList;
|