iamport-react-native
Version:
리액트 네이티브용 아임포트 결제/본인인증 연동 라이브러리
81 lines (79 loc) • 2.18 kB
JavaScript
import React from 'react';
import { Button, Icon, Text, View } from 'native-base';
import { FontAwesome } from '@expo/vector-icons';
export default function Home({ navigation }) {
return (
<View flex={1}>
<View
flex={1}
pos={'relative'}
alignItems={'center'}
bgColor={'#344e81'}
justifyContent={'center'}
>
<Text
color={'#fff'}
fontSize={20}
mb={10}
fontWeight={'bold'}
textAlign={'center'}
>
아임포트 테스트
</Text>
<Text color={'#fff'} fontSize={15} textAlign={'center'}>
아임포트 리액트 네이티브 모듈 테스트 화면입니다.
</Text>
<Text color={'#fff'} fontSize={15} textAlign={'center'}>
아래 버튼을 눌러 결제 또는 본인인증 테스트를 진행해주세요.
</Text>
</View>
<View
flex={1}
pos={'relative'}
bottom={'0%'}
w={'90%'}
flexDir={'row'}
alignSelf={'center'}
>
<Button.Group bottom={'16.5%'} width={'100%'} alignSelf={'center'}>
<Button
m={'4%'}
bgColor={'#fff'}
borderRadius={3}
flex={1}
shadow={1}
/* @ts-ignore */
onPress={() => navigation.push('PaymentTest')}
>
<Icon
as={FontAwesome}
name={'credit-card'}
textAlign={'center'}
w={'100%'}
mb={'6%'}
/>
<Text>결제 테스트</Text>
</Button>
<Button
m={'4%'}
bgColor={'#fff'}
borderRadius={3}
flex={1}
shadow={1}
/* @ts-ignore */
onPress={() => navigation.push('CertificationTest')}
>
<Icon
as={FontAwesome}
name={'user'}
textAlign={'center'}
w={'100%'}
mb={'6%'}
/>
<Text>본인인증 테스트</Text>
</Button>
</Button.Group>
</View>
</View>
);
}