CustomCheckBox.js

import React from 'react';
import { View, Text } from 'react-native';
import { CheckBox } from 'react-native-elements';
import { ErrorMessage } from 'formik';

const _languages = ['vi', 'vn', 'en'];

export default function CustomCheckBox(props) {
  const handleOnPress = (_language, checked) => {
    if (!checked) {
      props.arrayHelpers.push(_language);
    } else {
      const idx = props.arrayHelpers.form.values.languages.indexOf(
        _language,
      );
      props.arrayHelpers.remove(idx);
    }
  };
  return (
    <View>
      {
         _languages.map((_language) => {
           const checked = props.arrayHelpers.form.values.languages.includes(_language);
           return (
             <View key={_language}>
               <CheckBox
                 title={_language}
                 name={props.arrayHelpers.name}
                 value={_language}
                 checked={checked}
                 onPress={() => handleOnPress(_language, checked)}
               />
             </View>
           );
         })
      }
      <ErrorMessage
        name={props.arrayHelpers.name}
        render={msg => <Text>{msg}</Text>}
      />
    </View>
  );
}