este es mi codigo

 const [innerState, setInnerState] = useState<any>({ instar: 'egg', recordFeedPeriod: 'N', feedPeriod: '', feedAmount: 0, feedType: 'bbong', totalFeedAmount: 0, }) const [textboolen, setTextboolen] = useState<boolean>(false) export const productFeed49 = Object.freeze([ { label: 'a', value: 'Tangerinefeed' }, { label: 'd', value: 'dryexamfeed' }, { label: 'c', value: 'wetfeed' }, { label: 'd', value: 'sawdust' }, { label: 'e', value: 'etc' }, ]); const onChangeInnerPicker = ({ name, data }: { name: string; data: string }) => { try { setInnerState({ ...innerState, [name]: data }); } catch (err: any) { } } useEffect(() => { if(innerState.feedType === 'etc') { setTextboolen(true) } else if (innerState.feedType === 'Tangerinefeed' || 'dryexamfeed' || 'wetfeed' || 'sawdust') { setTextboolen(false) } },[innerState.feedType]); const onChangeEtcfeedtype = useCallback((text) => { setInnerState({...innerState, ['feedType']: text}) },[]); <View style={insertSubPageStyle.subCoumnWrapper}> <RNPickerSelect value={innerState.feedType} items={productFeed49} onValueChange={data => onChangeInnerPicker({ name, data })} /> </View> {textboolen ? ( <View style={insertSubPageStyle.etcContainer}> <TextInput placeholder="write." value={innerState.feedType} onChangeText={onChangeEtcfeedtype} /> </View> ) : (null)} </View >

Cuando uso RNPickerSelect para seleccionar datos, etc., quiero que textboolen se vuelva verdadero para crear un componente TextInput, ingresarlo allí y cambiar innerState.feedType para procesar el valor.

Sin embargo, cuando uso mi código, cuando ingreso algo en textInput, la ventana de entrada de texto desaparece y no puedo cambiar el valor de innerState.feedType. ¿Cómo arreglo el código?