Vanns35

import React, { Component } from 'react';
import { Text, View, StyleSheet, Modal, CheckBox,  TouchableOpacity, ScrollView, Dimensions, Image } from 'react-native';
import { Ionicons } from '@expo/vector-icons';
// import Ionicons from 'react-native-vector-icons/Ionicons';

const BannerWidth = Dimensions.get('window').width - 20;

class MultiSelector extends Component {
  constructor(props) {
    super(props);

Vanns35

class MultiSelector extends Component {
  constructor(props) {
    super(props);
    this.state = {
      MultiSelectPopup: false,
      PokemonList : [{
          id: '1',
          Choose: false,
          Name: 'Pikachu',
          Avatar: 'https://assets.pokemon.com/assets/cms2/img/pokedex/full/025.png'

Vanns35

  selectPokemon(item) {
    if (!item.Choose) {
        const newArray = [...this.state.PokemonList];
        const replaceArray = {
            id: item.id,
            Name: item.Name,
            Avatar: item.Avatar,
            Choose: !item.Choose
        };
        newArray.splice(newArray.findIndex(ele => ele.id === item.id), 1, replaceArray);

Vanns35

{ this.state.SavedPokemon.length > 0 ?
    <View style={{ marginTop: 5 }}>
        <Text style={styles.selectListTitle}>Your Pokemon List</Text>
        <ScrollView>
            <View style={styles.cardView}>
            { this.state.SavedPokemon.map(item => (
                <View style={styles.cardMain}>
                    <Image
                        style={styles.pokeImage}
                        source={{ uri: item.Avatar }}

Vanns35

{ this.state.SavedPokemon.length > 0 ?
    <View style={{ marginTop: 5 }}>
        <Text style={styles.selectListTitle}>Your Pokemon List</Text>
        <ScrollView>
            <View style={styles.cardView}>
            { this.state.SavedPokemon.map(item => (
                <View style={styles.cardMain}>
                    <Image
                        style={styles.pokeImage}
                        source={{ uri: item.Avatar }}

Vanns35

import React, { Component } from 'react';
import { Text, View, StyleSheet, Modal, CheckBox, TouchableOpacity, ScrollView, Dimensions, Image } from 'react-native';
import { Ionicons } from '@expo/vector-icons';
// import Ionicons from 'react-native-vector-icons/Ionicons';

const BannerWidth = Dimensions.get('window').width - 20;

class MultiSelector extends Component {
  constructor(props) {
    super(props);

Vanns35

void main() {
    int quantityModelX = 8;
    double priceModelX = 50000.00;
    int quantityModelZ = 10;
    double priceModelZ = 60000.00;
    String customerAccountNo = "1025496";
    double customerAccountBalance = 80000.00;
    String model = "Model-X";
    int shippingDistance = 25;