{"size": 781, "ext": "js", "max_stars_repo_path": "FlexCenter.js", "max_stars_repo_name": "pilipa-cn/app-demo", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "FlexCenter.js", "max_issues_repo_name": "pilipa-cn/app-demo", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "FlexCenter.js", "max_forks_repo_name": "pilipa-cn/app-demo", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 26.0333333333, "max_line_length": 60, "alphanum_fraction": 0.4801536492}
import React from 'react';
import {StyleSheet, Text, View} from 'react-native';

export default class extends React.Component {
    render() {
        return (
            <View style={styles.container}>
                <View style={{
                    backgroundColor: 'green',
                    height: 60,
                    width: 200,
                    justifyContent: 'center',
                    alignItems: 'center',
                    flexDirection: 'row'
                }}><Text>居中显示</Text><Text>居中显示</Text></View>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: 'pink',
        alignItems: 'center',
        justifyContent: 'center',
        flexDirection: 'row'
    },
});
