/ / React Native Scrollview analogico Android - android, reactjs, scroll, webview, nativo

React Native Scrollview analogico Android - android, reactjs, scroll, webview, nativo

Sono nuovo di React Native. Progetto attualmente in esecuzione che richiede un componente WebView.

Ma la pagina principale dell'app è troppo lunga (WebView è in fondo alla pagina). Quindi l'utente dovrebbe scorrere fino alla sezione WebView.

E poi scorrere l'evento dovrebbe essere intercettato dal blocco di WebView.

iOS è buono per me.

Android impedisce a WebView di intercettare lo scorrimento da ScrollView padre. Ho letto molti articoli e ho inserito post su questo argomento.

Non sono uno sviluppatore Java, quindi invece di agganciare Java suppongo che forse sto facendo qualcosa di sbagliato in termini di componenti del layout scelto?

Forse dovrei qualcos'altro invece di Parent ScrollView?

Ma come posso scorrere la pagina in basso allora?

[AGGIORNARE] In realtà ho fatto un trucco con l'impostazione di altezza fissa webview. Ma in questo caso (quando hai un sacco di contenuti in webview) le prestazioni vengono abbandonate a scorrimento orizzontale.

Ho cambiato ScrollView su FlatList. In teoria, questo componente non dovrebbe rendere tutti i dati del blocco, solo il contenuto visibile. Ma questo mi ha aiutato solo con lo scorrimento verticale. Ancora problemi con lo scorrimento orizzontale (nessun problema se il componente WebView ha una piccola altezza fissa).

risposte:

1 per risposta № 1

Di conseguenza eseguo l'app Android sul mio dispositivo reale (Nexus 6P) e ha funzionato senza alcuna riduzione delle prestazioni. Probabilmente è il problema del simulatore di Android Studio.

Comunque penso che l'uso di FlatList al posto di ScrollView mi abbia aiutato.

Basta impostare l'altezza del contenuto reale su un contenuto WebView, quindi non è necessario scorrerlo verticalmente.