説明なし

info.js 675B

123456789101112131415161718192021222324252627282930313233
  1. import React, {Component} from 'react';
  2. import {
  3. AppRegistry,
  4. StyleSheet,
  5. Text,
  6. View,
  7. } from 'react-native';
  8. export default class Info extends Component {
  9. props : {
  10. desc : string,
  11. };
  12. render() {
  13. return (
  14. <View style={{
  15. borderTopWidth :1 ,
  16. alignItems : 'center',
  17. borderTopColor : '#DDD'
  18. }}>
  19. <View style={{ alignSelf : 'stretch'}}>
  20. <Text style={{color : '#777', alignSelf : 'stretch', textAlign : 'center', margin : 8}}>
  21. {this.props.desc}
  22. </Text>
  23. </View>
  24. <View style={{margin : 8, alignSelf : 'stretch'}}>{this.props.children}</View>
  25. </View>
  26. )
  27. }
  28. }