55 lines
1.4 KiB
JavaScript
55 lines
1.4 KiB
JavaScript
/* eslint-disable import/no-extraneous-dependencies, import/no-unresolved, import/extensions */
|
|
|
|
import React, { PropTypes } from 'react';
|
|
import { View, Text, Button } from 'react-native';
|
|
|
|
export default class Welcome extends React.Component {
|
|
styles = {
|
|
wrapper: {
|
|
flex: 1,
|
|
padding: 24,
|
|
justifyContent: 'center'
|
|
},
|
|
header: {
|
|
fontSize: 18,
|
|
marginBottom: 18
|
|
},
|
|
content: {
|
|
fontSize: 12,
|
|
marginBottom: 10,
|
|
lineHeight: 18
|
|
}
|
|
};
|
|
|
|
showApp(event) {
|
|
event.preventDefault();
|
|
if (this.props.showApp) { this.props.showApp(); }
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<View style={this.styles.wrapper}>
|
|
<Text style={this.styles.header}>Welcome to React Native Storybook</Text>
|
|
<Text style={this.styles.content}>
|
|
This is a UI Component development environment for your React Native app. Here you can
|
|
display and interact with your UI components as stories. A story is a single state of one
|
|
or more UI components. You can have as many stories as you want. In other words a story is
|
|
like a visual test case.
|
|
</Text>
|
|
<Text style={this.styles.content}>
|
|
We have added some stories inside the "storybook/stories" directory for examples. Try
|
|
editing the "storybook/stories/Welcome.js" file to edit this message.
|
|
</Text>
|
|
</View>
|
|
);
|
|
}
|
|
}
|
|
|
|
Welcome.defaultProps = {
|
|
showApp: null
|
|
};
|
|
|
|
Welcome.propTypes = {
|
|
showApp: PropTypes.func
|
|
};
|