import React, { Component } from 'react'
import {
  StyleSheet,
  ScrollView,
  View,
  Image,
  ImageBackground,
  Text,
  Dimensions,
  StatusBar,
  TouchableOpacity,
} from 'react-native'
import { connect } from 'react-redux'

import { Button } from '../../../components'
import Icon from '../../../components/Iconfont/Iconfont'
import { NavigationActions, createAction } from '../../../utils'

const { width, height } = Dimensions.get('window')

@connect(({ theme }) => ({ ...theme }))
class Unshipped extends Component {
  constructor(props) {
    super(props)
    this.state = {}
    // console.disableYellowBox = true;
  }
  static navigationOptions = {
    title: '待发货',
  }

  render() {
    const { appTheme } = this.props
    return (
      <View
        style={[
          styles.container,
          { backgroundColor: appTheme.backgroundColor },
        ]}
      >
        <StatusBar
          animated={true}
          barStyle={appTheme.barStyle}
          // barStyle={"dark-content"}
          backgroundColor={'transparent'}
          translucent={true}
        />
        <Text>待发货</Text>
      </View>
    )
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },

  pngstyle: {
    width: width,
  },
  buttonStyle: {
    backgroundColor: 'transparent',
    flexDirection: 'column',
    alignItems: 'center',
  },
  buttonText: {
    marginTop: 9,
    fontSize: 14,
    color: '#FFF',
  },
})

export default Unshipped