React Native workshop #2 snippet

week_2_demo_1.js

import React, { Component } from 'react';
import { Text, View } from 'react-native';
export default class App extends Component {
  constructor(props) {
    super(props);
  }
  render() {
    return (
      <Child value="我是子元素" />
    );
  }
}

const Child = (props) => {
  return (
    <View style={{height: '100%', justifyContent: 'center', alignItems: 'center'}}>
      <Text allowFontScaling={false}>{props.value}</Text>
    </View>
  );
}