phodal/growth

import React, { Component } from 'react';
import { Actions } from 'react-native-router-flux';
import ListItem from 'react-native-elements/src/list/ListItem';
import List from 'react-native-elements/src/list/List';
import { ScrollView, Platform } from 'react-native';
import DeviceInfo from 'react-native-device-info';
import Share from 'react-native-share';
import * as StoreReview from 'react-native-store-review';

import Helper from '../../utils/helper';

class UserCenter extends Component {
  static componentName = 'UserCenter';

  static shareToFriend() {
    const option = {
      title: 'Growth：带你成为顶尖开发者',
      message: '我现在使用Growth，这是一款专注于Web开发者成长的应用，涵盖Web开发的流程及技术栈，Web开发的学习路线、成长衡量等各方面。快来下载吧!',
      url: 'http://growth.ren/',
    };
    Share.open(option);
  }

  static ratingApp() {
    let link = 'market://details?id=ren.growth';

    if (Platform.OS === 'ios') {
      if (StoreReview.isAvailable) {
        return StoreReview.requestReview();
      }

      link = 'itms://itunes.apple.com/cn/app/apple-store/id1078807522?mt=8';
    }

    return Helper.openLink(link);
  }

  constructor(render) {
    super(render);
    this.state = {
      version: DeviceInfo.getVersion(),
    };
    UserCenter.shareToFriend = UserCenter.shareToFriend.bind(this);
  }

  render = () => (
    <ScrollView>
      <List containerStyle={{ borderTopWidth: 0 }}>
        <ListItem
          title={'我的书签'}
          leftIcon={{ name: 'bookmark' }}
          onPress={() => Actions.comingSoon('我的书签')}
        />
        <ListItem
          title={'我的技能分布'}
          leftIcon={{ name: 'trending-up' }}
          onPress={() => Actions.comingSoon('我的技能分布')}
        />
      </List>
      <List containerStyle={{ borderTopWidth: 0 }}>
        <ListItem
          title={'关于'}
          leftIcon={{ name: 'info' }}
          onPress={Actions.aboutUs}
        />
        <ListItem
          title={'分享给好友'}
          leftIcon={{ name: 'group-work' }}
          onPress={() => UserCenter.shareToFriend()}
        />
        <ListItem
          title={'觉得不错，给个好评'}
          onPress={() => UserCenter.ratingApp()}
          leftIcon={{ name: 'thumb-up' }}
        />
        <ListItem
          title={'发现Bug'}
          rightIcon={{ name: 'open-in-new' }}
          onPress={() => Helper.openLink('https://github.com/phodal/growth/issues')}
          leftIcon={{ name: 'bug-report' }}
        />
        <ListItem
          title={'我想要个功能'}
          rightIcon={{ name: 'open-in-new' }}
          onPress={() => Helper.openLink('https://jinshuju.net/f/aZ4CAS')}
          leftIcon={{ name: 'feedback' }}
        />
      </List>
      <List containerStyle={{ borderTopWidth: 0 }}>
        <ListItem
          title={'版权声明'}
          leftIcon={{ name: 'copyright' }}
          onPress={() => Actions.copyrightView()}
        />
        <ListItem
          title={'微信公众号'}
          onPress={() => Helper.openLink('https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MjM5Mjg4NDMwMA==&scene=124')}
          leftIcon={{ name: 'code' }}
          rightIcon={{ name: 'open-in-new' }}
          subtitle={'phodal-weixin'}
        />
        <ListItem
          hideChevron
          title={'当前构建版本'}
          leftIcon={{ name: 'perm-device-information' }}
          subtitle={this.state.version}
        />
      </List>
    </ScrollView>
  );
}

export default UserCenter;