Skip to content

Snappy1

  • Home
  • Android
  • What
  • How
  • Is
  • Can
  • Does
  • Do
  • Why
  • Are
  • Who
  • Toggle search form

[FIXED] react-native-webview scroll not coming in android

Posted on November 11, 2022 By

Solution 1 :

And finally i need to move on another way for fix.
As i was using scrollview and webview was child for that it was working fine for IOS but android webview was not scrolling.
Problem was both scrollview was webview was trying to take the screen height and getting conficted.
So i moved the webview out of scroll view.

Problem :

I am using expo and having a expo react-native-webview inside a scrollview, below is the return of component that is returning webview .
what i am doing is creating screen in that i want to parse my html and show on screen in containers.
The design of containers is in parent screens in which this component is called .
Question 1: I have tried multiple solutions for getting scroll inside webview in android devices but nothing is working .
below code is working perfect with IOS devices.

Question 2: Can we restrict webview to show only 5 lines on view and turncate rest to (… ) ?
can some one help ?

  return (
    <View style={{ flex: 1 }}>
      <WebView
        originWhitelist={["*"]}
        source={{ html: htmlContent }}
        style={styles.WebViewStyle}
      />

    </View>

  );

const styles = StyleSheet.create({
  WebViewStyle: {
    flex: 1,
    marginLeft: 5,
    height: 150,
    width: '100%',

  }
});
READ  [FIXED] java - How do i remove .0 from the result if the resultant number is a full number in a calculator
Powered by Inline Related Posts
Android Tags:android, expo, react-native, react-native-webview

Post navigation

Previous Post: [FIXED] React Native floating animation
Next Post: [FIXED] java – maintain single database between customer and seller of android app

Related Posts

[FIXED] Android open file manager how to show only particular file only Android
[FIXED] android – How does Worker.setForegroundAsync work behind the scene? Android
[FIXED] android – Prepopulating room database throws error – Schema seems to be wrong Android
[FIXED] kotlin – Dying Mapbox polygon in accordance with a colored progress bar in Android Android
[FIXED] android – How can I Take a photo path from the camera in another activity and send it with volley to the server? Android
[FIXED] java – Android Studio Line-Segment intersection / collision Android

Archives

  • April 2023
  • March 2023
  • February 2023
  • January 2023
  • December 2022
  • November 2022
  • October 2022
  • September 2022

Categories

  • ¿Cómo
  • ¿Cuál
  • ¿Cuándo
  • ¿Cuántas
  • ¿Cuánto
  • ¿Qué
  • Android
  • Are
  • At
  • C'est
  • Can
  • Comment
  • Did
  • Do
  • Does
  • Est-ce
  • Est-il
  • For
  • Has
  • Hat
  • How
  • In
  • Is
  • Ist
  • Kann
  • Où
  • Pourquoi
  • Quand
  • Quel
  • Quelle
  • Quelles
  • Quels
  • Qui
  • Should
  • Sind
  • Sollte
  • Uncategorized
  • Wann
  • Warum
  • Was
  • Welche
  • Welchen
  • Welcher
  • Welches
  • Were
  • What
  • What's
  • When
  • Where
  • Which
  • Who
  • Who's
  • Why
  • Wie
  • Will
  • Wird
  • Wo
  • Woher
  • you can create a selvedge edge: You can make the edges of garter stitch more smooth by slipping the first stitch of every row.2022-02-04
  • you really only need to know two patterns: garter stitch

Recent Posts

  • Can Vicks humidifier be used without filter?
  • What color is Spanish green?
  • How old is Jamie in The War That Saved My Life?
  • When should I use scalp massager for hair growth?
  • Can I put polyurethane over liming wax?

Recent Comments

No comments to show.

Copyright © 2023 Snappy1.

Powered by PressBook Grid Dark theme