Focus style for TextInput in react-native

Question

In React Native, how do you change the style of a textInput when it gets focus? Say I have something like

class MyInput extends Component {
             


        

Answer 1

You can create a state to keep track of the input-state and use that state to toggle the style. Here is a simple example

const App = () => {
  const [isActive, setActive] = useState(false);

  return (
     setActive(true)} onBlur={() => setActive(false)}/>
  );
}