react-native/RNTester/js/RNTesterPage.js

81 lines
2.0 KiB
JavaScript
Raw Normal View History

2015-01-30 01:10:49 +00:00
/**
* Copyright (c) 2015-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.
*
* @providesModule RNTesterPage
* @flow
2015-01-30 01:10:49 +00:00
*/
'use strict';
var PropTypes = require('prop-types');
var React = require('react');
var ReactNative = require('react-native');
2015-01-30 01:10:49 +00:00
var {
ScrollView,
StyleSheet,
View,
} = ReactNative;
2015-01-30 01:10:49 +00:00
var RNTesterTitle = require('./RNTesterTitle');
2015-01-30 01:10:49 +00:00
class RNTesterPage extends React.Component<{
noScroll?: boolean,
noSpacer?: boolean,
}> {
static propTypes = {
noScroll: PropTypes.bool,
noSpacer: PropTypes.bool,
};
2015-01-30 01:10:49 +00:00
render() {
2015-01-30 01:10:49 +00:00
var ContentWrapper;
var wrapperProps = {};
if (this.props.noScroll) {
ContentWrapper = ((View: any): React.ComponentType<any>);
2015-01-30 01:10:49 +00:00
} else {
ContentWrapper = (ScrollView: React.ComponentType<any>);
// $FlowFixMe found when converting React.createClass to ES6
wrapperProps.automaticallyAdjustContentInsets = !this.props.title;
wrapperProps.keyboardShouldPersistTaps = 'handled';
wrapperProps.keyboardDismissMode = 'interactive';
2015-01-30 01:10:49 +00:00
}
var title = this.props.title ?
<RNTesterTitle title={this.props.title} /> :
2015-01-30 01:10:49 +00:00
null;
var spacer = this.props.noSpacer ? null : <View style={styles.spacer} />;
return (
<View style={styles.container}>
{title}
<ContentWrapper
style={styles.wrapper}
{...wrapperProps}>
{
// $FlowFixMe found when converting React.createClass to ES6
this.props.children}
2015-01-30 01:10:49 +00:00
{spacer}
</ContentWrapper>
</View>
);
}
}
2015-01-30 01:10:49 +00:00
var styles = StyleSheet.create({
container: {
backgroundColor: '#e9eaed',
flex: 1,
},
spacer: {
height: 270,
},
wrapper: {
flex: 1,
paddingTop: 10,
2015-01-30 01:10:49 +00:00
},
});
module.exports = RNTesterPage;