React native paper select

// noice library to use with react native paper

import { PaperSelect } from 'react-native-paper-select';

// ...

const [colors, setColors] = useState({
  value: '',
  list: [
    { _id: '1', value: 'BLUE' },
    { _id: '2', value: 'RED' },
    { _id: '3', value: 'GREEN' },
    { _id: '4', value: 'YELLOW' },
    { _id: '5', value: 'BROWN' },
    { _id: '6', value: 'BLACK' },
    { _id: '7', value: 'WHITE' },
    { _id: '8', value: 'CYAN' },
  ],
  selectedList: [],
  error: '',
});

<PaperSelect
  label="Select Colors"
  value={colors.value}
  onSelection={(value: any) => {
    setColors({
      ...colors,
      value: value.text,
      selectedList: value.selectedList,
      error: '',
    });
  }}
  arrayList={[...colors.list]}
  selectedArrayList={colors.selectedList}
  errorText={colors.error}
  multiEnable={true}
  textInputMode="flat"
  searchStyle={{ iconColor: 'red' }}
/>;

Source: npmjs.com

Similar codes

0 vote279 views1 answer
How to use a loop for each elements in mongo db
TypeScript
0 vote244 views2 answers
Typescript one of the array items
TypeScript
1 vote258 views2 answers
Typescript declare process.env
TypeScript
1 vote257 views2 answers
The server time zone value 'FLE' is unrecognized or represents more than one time zone. You must configure either the server or JDBC driver (via the serverTimezone configuration property) to use a more
TypeScript
14 votes252 views6 answers
Find the smallest number from an array
TypeScript
0 vote242 views1 answer
View and navigate your assignments (teacher) code for asp.net
TypeScript
0 vote238 views1 answer
Run a code only once when two of the same gameobjects collide
TypeScript
0 vote253 views1 answer
How to add lists haskell
TypeScript
0 vote235 views1 answer
Will Tenet come in plate format
TypeScript
12 votes304 views5 answers
Font awesome angular
TypeScript