Wallet Option Select modify screen

This commit is contained in:
Brice Zele 2020-06-05 17:51:15 +01:00
parent e0d0fdfcf9
commit 58183a4e31
5 changed files with 36 additions and 6 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -12,6 +12,7 @@ import { IlinkEmitter } from "../../utils/events";
import { Provider, Appbar } from 'react-native-paper'; import { Provider, Appbar } from 'react-native-paper';
import { readUser } from '../../webservice/AuthApi'; import { readUser } from '../../webservice/AuthApi';
import { FontWeight, Typography } from '../../config/typography'; import { FontWeight, Typography } from '../../config/typography';
import LottieView from 'lottie-react-native';
export default class WalletOptionSelect extends Component { export default class WalletOptionSelect extends Component {
@ -70,7 +71,22 @@ export default class WalletOptionSelect extends Component {
</Appbar.Header> </Appbar.Header>
<View style={styles.container}> <View style={styles.container}>
<FlatList
<LottieView
style={styles.lottie}
source={require("./../../datas/json/wallet_with_cash.json")}
autoPlay
loop={false}
/>
<View style={[styles.checkDefault, { borderBottomColor: Color.borderColor }]}>
<Text
style={[Typography.title3, Typography.semibold]}>
{I18n.t('TRANSACTIONS')}
</Text>
</View>
{/* <FlatList
contentContainerStyle={{ contentContainerStyle={{
paddingHorizontal: 20, paddingHorizontal: 20,
paddingBottom: 10, paddingBottom: 10,
@ -109,7 +125,7 @@ export default class WalletOptionSelect extends Component {
/> />
</TouchableOpacity> </TouchableOpacity>
)} )}
/> /> */}
</View> </View>
</View> </View>
@ -123,6 +139,7 @@ const styles = StyleSheet.create({
container: { container: {
flex: 1, flex: 1,
backgroundColor: Color.containerBackgroundColor, backgroundColor: Color.containerBackgroundColor,
paddingHorizontal: 20,
}, },
item: { item: {
paddingVertical: 15, paddingVertical: 15,
@ -130,5 +147,17 @@ const styles = StyleSheet.create({
flexDirection: "row", flexDirection: "row",
justifyContent: "space-between", justifyContent: "space-between",
alignItems: "center" alignItems: "center"
} },
lottie: {
width: 248,
height: 248
},
checkDefault: {
flexDirection: "row",
justifyContent: "space-between",
alignItems: "center",
borderBottomWidth: 1,
paddingVertical: 10,
marginTop: 5
},
}); });

View File

@ -44,7 +44,7 @@
"DEPOSIT": "Deposit", "DEPOSIT": "Deposit",
"CONFIRM_DEPOSIT": "Confirm deposit", "CONFIRM_DEPOSIT": "Confirm deposit",
"CONFIRM_WITHDRAWAL": "Confirm withdrawal", "CONFIRM_WITHDRAWAL": "Confirm withdrawal",
"CHANGE_SOURCE_CARD": "Change source", "CHANGE_SOURCE_CARD": "Change the type of entry number",
"CHOOSE_SOURCE": "Choose source", "CHOOSE_SOURCE": "Choose source",
"CREDIT_CARD": "Credit card", "CREDIT_CARD": "Credit card",
"NUMERO_DE_SERIE": "Serial number", "NUMERO_DE_SERIE": "Serial number",

View File

@ -52,7 +52,7 @@
"MAKE_DEPOSIT": "Effectuer un dépôt", "MAKE_DEPOSIT": "Effectuer un dépôt",
"MAKE_WITHDRAWAL": "Effectuer un retrait", "MAKE_WITHDRAWAL": "Effectuer un retrait",
"CHOOSE_SOURCE": "Choisir la source", "CHOOSE_SOURCE": "Choisir la source",
"CHANGE_SOURCE_CARD": "Changer la source", "CHANGE_SOURCE_CARD": "Changer le type du numéro de saisie",
"CREDIT_CARD": "Carte de crédit", "CREDIT_CARD": "Carte de crédit",
"NUMERO_DE_SERIE": "Numéro de série", "NUMERO_DE_SERIE": "Numéro de série",
"NUMERO_DE_SERIE_DESCRIPTION": "Veuillez saisir le numéro de série", "NUMERO_DE_SERIE_DESCRIPTION": "Veuillez saisir le numéro de série",