reactjs - How to add two functions together in one??react -native

Question

I am trying to add these 2 Functions in one. I am new to react-native. As in code, I tried but only the first one is working.

My question is How I can use setSearch and animation together in the onChangetext function?

<TextInput
    style={styles.searchbox}
    onChangeText={(text) => {
        setSearch(text)
        scaleValue.setValue(1)
        Animated.timing(scaleValue,{
            toValue:0.5,
            duration:100,
            easing: Easing.linear,
            useNativeDriver:true
        }).start();
     }}/>

question from:https://stackoverflow.com/questions/66050666/how-to-add-two-functions-together-in-onereact-native

Answer 1

The problem here is that once you use setSearch(text) you're changing the state of the component and that change trigger the re-rendering of the component itself so the rest of the code doesn't run.
I've never used react native so I'm not sure 100% but if you are using a Functional component you can do something like this

const [search, setSearch] = useState('')
useEffect(() => {
   scaleValue.setValue(1)
   Animated.timing(scaleValue,{
                   toValue:0.5,
                   duration:100,
                   easing: Easing.linear,
                   useNativeDriver:true
                }).start();
}, [search])


return (<TextInput
              style={styles.searchbox}
              onChangeText={(text) => setSearch(text) }/>)