What are touchables in React Native?
system
O que são touchables no react nativo?
user
Os touchables servem como alternativas aos botões.Ao contrário dos botões, você pode executar adereços de estilo através deles, o que permite um alto nível de personalização.Os componentes tocáveis fornecem a capacidade de capturar gestos de tocar e podem exibir feedback quando um gesto for reconhecido.Abaixo está um exemplo de um tocável sendo usado ....

importar react, {usestate} de 'react';
importar {folha de estilo, texto, visualização, lista plana, touchableOpacity} de 'react-native';

Exportar App de função padrão () {
  const [pessoas, setpeople] = usestate ([
    {nome: 'shaun', id: '1'},
    {nome: 'yoshi', id: '2'},
    {nome: 'mario', id: '3'},
    {nome: 'Luigi', id: '4'},
    {nome: 'pêssego', id: '5'},
    {nome: 'Toad', id: '6'},
    {nome: 'Bowser', id: '7'},
  ]);

  const PressHandler = (id) => {
    console.log (id);
    setpeople ((prevpeople) => {
      return prevpeople.filter (pessoa => pessoa.id! = id);
    });
  };

  retornar (
    <View Style = {Styles.Container}>

      <Lista Flat
        numColumns = {2}
        keyextractor = {(item) => item.id}
        dados = {pessoas}
        renderItem = {({item}) => (
          <TouchableOpacity onPress = {() => PressHandler (item.id)}>
            <Estilo de texto = {styles.item}> {item.name} </sext>
          </Touchableopacity>
        )}
      />

    </ visualização>
  );
}

const styles = stylesheet.create ({
  Container: {
    flex: 1,
    Paddingtop: 40,
    PaddingHorizontal: 20,
    BackgroundColor: '#fff',
  },
  item: {
    flex: 1,
    marginnhorizontal: 10,
    Margintop: 24,
    preenchimento: 30,
    BackgroundColor: 'Pink',
    Fontsize: 24,
  },
});
assistant
<|system|>
</s>
<|user|>
O que são touchables no react nativo?</s>
<|assistant|>
Os touchables servem como alternativas aos botões.Ao contrário dos botões, você pode executar adereços de estilo através deles, o que permite um alto nível de personalização.Os componentes tocáveis fornecem a capacidade de capturar gestos de tocar e podem exibir feedback quando um gesto for reconhecido.Abaixo está um exemplo de um tocável sendo usado ....

importar react, {usestate} de 'react';
importar {folha de estilo, texto, visualização, lista plana, touchableOpacity} de 'react-native';

Exportar App de função padrão () {
  const [pessoas, setpeople] = usestate ([
    {nome: 'shaun', id: '1'},
    {nome: 'yoshi', id: '2'},
    {nome: 'mario', id: '3'},
    {nome: 'Luigi', id: '4'},
    {nome: 'pêssego', id: '5'},
    {nome: 'Toad', id: '6'},
    {nome: 'Bowser', id: '7'},
  ]);

  const PressHandler = (id) => {
    console.log (id);
    setpeople ((prevpeople) => {
      return prevpeople.filter (pessoa => pessoa.id! = id);
    });
  };

  retornar (
    <View Style = {Styles.Container}>

      <Lista Flat
        numColumns = {2}
        keyextractor = {(item) => item.id}
        dados = {pessoas}
        renderItem = {({item}) => (
          <TouchableOpacity onPress = {() => PressHandler (item.id)}>
            <Estilo de texto = {styles.item}> {item.name} </sext>
          </Touchableopacity>
        )}
      />

    </ visualização>
  );
}

const styles = stylesheet.create ({
  Container: {
    flex: 1,
    Paddingtop: 40,
    PaddingHorizontal: 20,
    BackgroundColor: '#fff',
  },
  item: {
    flex: 1,
    marginnhorizontal: 10,
    Margintop: 24,
    preenchimento: 30,
    BackgroundColor: 'Pink',
    Fontsize: 24,
  },
});</s>
