MethodPayView.js 1.48 KB
Newer Older
Giang Tran committed
1
import React from 'react';
Giang Tran committed
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56
import {View, Text, StyleSheet, FlatList} from 'react-native';
import R from '../../assets/R';
import HeaderBack from '../../components/Header/HeaderBack';
import Item from './Item';

const data = [
  {
    image: R.images.iconNganLuong,
    title: 'Ngân lượng',
    rose: 0,
    time: 'Tức thời',
    minPay: 5,
    id: '1',
  },
  {
    image: R.images.iconVisa,
    title: 'Visa bank',
    rose: 0,
    time: 'Tức thời',
    minPay: 1,
    id: '2',
  },
  {
    image: R.images.iconInternet,
    title: 'Internet banking',
    rose: 0,
    time: 'Tức thời',
    minPay: 5,
    id: '3',
  },
  {
    image: R.images.iconBitcoin,
    title: 'Bitcoin',
    rose: 0,
    time: 'Tức thời',
    minPay: 2,
    id: '4',
  },
  {
    image: R.images.iconSticpay,
    title: 'Sticpay',
    rose: 0,
    time: 'Tức thời',
    minPay: 1,
    id: '5',
  },
  {
    image: R.images.iconTether,
    title: 'Tether',
    rose: 0,
    time: 'Tức thời',
    minPay: 10,
    id: '6',
  },
];
Giang Tran committed
57 58 59

const MethodPayView = (props) => {
  return (
Giang Tran committed
60 61 62 63 64 65 66 67 68 69
    <View style={{flex: 1}}>
      <HeaderBack title={'Cài đặt phương thức thanh toán'} />
      <View style={{flex: 1}}>
        <FlatList
          keyExtractor={(item) => item.id}
          showsVerticalScrollIndicator={false}
          data={data}
          renderItem={({item}) => <Item item={item} />}
        />
      </View>
Giang Tran committed
70 71 72 73
    </View>
  );
};

Giang Tran committed
74 75
const styles = StyleSheet.create({});

Giang Tran committed
76
export default MethodPayView;