IconTextInput

Un TextInput con un icono distintivo.

Uso

import React from "react";
import { View, Text } from "react-native";
import { IconTextInput } from "@ga-innoval/react-native-ui";

export function Component() {
  const [searchValue, setSearchValue] = useState("");

  return (
    <IconTextInput
      onChangeText={(value) => setSearchValue(value)}
      value={searchValue}
      icon="magnify"
      placeholder="Buscar ..."
    />
  );
}

Props

icon

Type: IconName

Nombre del icono a mostrar (react-native-vector-icons).

TextInput Props

Este componente incluye todas las propiedades del componente TextInput.