0
174
ViewsAnule la barra de búsqueda de navegación de React para agregar un control segmentado
¿Hay alguna manera de anular el encabezado en la navegación de reacción con la barra de búsqueda y el control segmentado usando la navegación de reacción sin escribir un encabezado completamente personalizado? Quiero usar el componente de búsqueda incorporado proporcionado por la navegación reactiva, pero agregar un control segmentado cuando se toca la búsqueda. También quiero el estilo de título grande nativo en iOS.
La navegación de reacción tiene una opción para especificar Opciones de búsqueda que muestra una barra de búsqueda, pero no estoy seguro de poder anular esta funcionalidad. Consulte la captura de pantalla a continuación:
1 answers
Answer question0
lo mejor que pude hacer fue
React.useEffect(() => { navigation.setOptions({ headerTitle: () => { return <SegmentedControl style={{ width: 200, alignSelf: 'center' }} values={['One', 'Two']} selectedIndex={selectedIndex} onChange={(event) => setSelectedIndex(event.nativeEvent.selectedSegmentIndex)} /> }, }); });esto reemplaza el título del encabezado pequeño con un control segmentado. Las animaciones de encabezado y la barra de búsqueda aún funcionan.
edición posterior: acabo de darme cuenta de que este también es el comportamiento nativo (puede verificarlo en ios en la pestaña de recientes, en la pantalla de llamadas). los segmentos reemplazan el título del encabezado pequeño :)
