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 vote224 views1 answer
Create array of structs cpp
TypeScript
0 vote207 views1 answer
Copy contents of multiple files to one file powershell
TypeScript
1 vote226 views1 answer
++i vs i++
TypeScript
0 vote227 views2 answers
How to i count objects available in salesforce organization
TypeScript
-3 votes290 views1 answer
Cool_beasts = {"octopuses":"tentacles", "dolphins":"fins", "rhinos":"horns"} for ___ in cool_beasts.items(): print("{} have {}".format(___))
TypeScript
1 vote228 views1 answer
Andonis many to many detach
TypeScript
1 vote212 views1 answer
Ts class static function call inside class extends
TypeScript
0 vote211 views1 answer
.htaccess Forcing scripts to display as source code
TypeScript
8 votes231 views6 answers
Cannot be loaded because running scripts is disabled on this system visual studio code
TypeScript
10 votes223 views2 answers
Python get first n elements of list
TypeScript