App/Components/AboutMe.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/**
 * Created by jason on 16/7/14.
 */

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  Image,
  PixelRatio,
  ScrollView,
  TouchableOpacity,

} from 'react-native';
import Common from '../Commom/constants';
import ImageButton from '../Commom/ImageButton';
import TextButton from '../Commom/TextButton';



export default class AboutMe extends Component {
  render() {
    return (

      <ScrollView style={{ width: Common.window.width, height: Common.window.height, marginTop: -20, backgroundColor: 'rgba(240,240,240,0.9)' }}>
        <Image
          source={require('../Img/mebg.png') }
          style={{
            width: Common.window.width, height: Common.window.height / 5, position: 'relative',
          }}
          >
          <Text style={styles.welcome}>
            ReacNative
          </Text>
          <Text style={{ position: 'absolute', marginTop: 80, marginLeft: 30, color: 'white' }}>
            普通会员
          </Text>
          <Text style={{ position: 'absolute', top: 30, marginLeft: Common.window.width - 50, color: 'white' }}>
            设置
          </Text>
          <Text style={{ position: 'absolute', marginLeft: Common.window.width - 80, bottom: 10, color: 'white' }}>
            账户管理 >
          </Text>
        </Image>
        <Text style={{ width: Common.window.width, height: 40, position: 'absolute', padding: 10, fontSize: 18, backgroundColor: 'white' }}>
          我的订单
        </Text>
        <Text style={{ position: 'absolute', padding: 10, fontSize: 18, marginLeft: Common.window.width - 30 }}>
          >
        </Text>
        <View style={{ width: Common.window.width, height: 2 / PixelRatio.get(), backgroundColor: 'gray', marginTop: 40 }}>
        </View>
        <View style={{ padding: 10, flex: 1, flexDirection: 'row', justifyContent: 'space-between', backgroundColor: 'white' }}>
          <ImageButton
            imageStyle={{
              width: 30,
              height: 30,
            }}