GeekyAnts / NativeBase

Mobile-first, accessible components for React Native & Web to build consistent UI across Android, iOS and Web.
https://nativebase.io/
MIT License
20.19k stars 2.38k forks source link

Webview in a Content doesn't scroll as expected to the end of the text #506

Closed elaliwat closed 3 years ago

elaliwat commented 7 years ago

Hi all, Webview in a Content doesn't scroll as expected to the end of the text. Especially in Android, it is more problematic and can't even reach to the end of the text in any way.

Current versions and other info

react-native-cli: 1.2.0, react-native: 0.39.2,

Expected behaviour: it must scroll down to the end of the text

Actual behaviour: it doesn't scroll to the end of the text. But it stucks to the declared height.

Is the bug present in both ios and android or in any one of them? YES. But Android is more problematic.

This is variable: const SCREEN_HEIGHT = require('Dimensions').get('window').height;

This is the render code:

SOME TITLE
** '+this.state.content+'' }} /> **

This is the state.content:

Poliçemiz, yurt dışına açıktır ancak, bir seyahat sağlık sigortası değildir. Seyahat sağlık sigortası, teminatlar bazında özel sağlık sigortasından farklı bir poliçedir. Konsolosluklar tarafından talep edilen cenaze teminatı ise en belirgin farklardan biridir. Poliçemizde, yurt dışına çıkışların ilk 60 gününde oluşan sağlık harcamaları, Türk tabipler birliği asgari ücret tarifesindeki rakamlar baz alınarak değerlendirilmektedir.

Özel sağlık sigortası poliçemiz yurt dışına açık olmakla birlikte dikkat edilmesi gereken aşağıdaki bazı hususları hatırlatmak isteriz;

Yurt dışı vize işlemlerine ilişkin bu bilgiler ışığında, ayrıca bir seyahat sağlık sigortası yaptırmak isterseniz, Mercek Talep Sistemi üzerindeki Neova Sigorta bölümünden talep girebilirsiniz.

suvenduchhatoi commented 5 years ago

@elaliwat use contentContainerStyle={{ flex: 1 }} for styling your <content> component

import React, { Component } from "react";
import { WebView } from "react-native";
import { Container, Header, Content, Toast, Button, Text } from "native-base";
const SCREEN_HEIGHT = require("Dimensions").get("window").height;
export default class ToastExample extends Component {
  render() {
    return (
      <Container style={{ flex: 1 }}>
        <Header />
        <Content
          style={{ marginHorizontal: 10, marginVertical: 10 }}
          padder
          contentContainerStyle={{ flex: 1 }}
        >
          <WebView
            ref={"webview"}
            style={{ height: SCREEN_HEIGHT }}
            automaticallyAdjustContentInsets={false}
            source={{
              html:
                "<html>" +
                "<h4>Poliçemiz, yurt dışına açıktır ancak, bir seyahat sağlık sigortası değildir. Seyahat sağlık sigortası, teminatlar bazında özel sağlık sigortasından farklı bir poliçedir. Konsolosluklar tarafından talep edilen cenaze teminatı ise en belirgin farklardan biridir. Poliçemizde, yurt dışına çıkışların ilk 60 gününde oluşan sağlık harcamaları, Türk tabipler birliği asgari ücret tarifesindeki rakamlar baz alınarak değerlendirilmektedir. Özel sağlık sigortası poliçemiz yurt dışına açık olmakla birlikte dikkat edilmesi gereken aşağıdaki bazı hususları hatırlatmak isteriz; Sigorta şirketinin yurt dışında herhangi bir hastane ile anlaşması olmadığından provizyon alınamamaktadır. Bu nedenle sağlık harcamaları öncelikle tarafınızca finanse edilmeli ve sonrasında aşağıdaki evrakların İnsan Kaynakları Sağlık bölümüne iletilmesi gerekmektedir. Fatura aslı Şikayet ve tanıyı belirten doktor raporu (İngilizce) Tahlil varsa, istek kağıdı ve sonuç fotokopileri Yapılan ödemelerin iadeleri, Türk Tabipler Birliğince belirlenmiş rakamlar dikkate alınarak, klozlarımızda belirtilen geri ödeme oranlarınca yapılabilmektedir. Örneğin; yurt dışında gerçekleşen bir muayene için ödeyeceğiniz tutar yaklaşık 200 €’dur. Türk Tabipler Birliğinde ise muayenenin karşılığı 155,25 TL’dir. Böyle bir durumda harcamanız, (teminat bakiyeniz de dikkate alınarak) TTB rakamları olan 155,25 TL üzerinden değerlendirmeye alınacak ve %75 oranında idesi yapılabilecektir. Yurt dışı vize işlemlerine ilişkin bu bilgiler ışığında, ayrıca bir seyahat sağlık sigortası yaptırmak isterseniz, Mercek Talep Sistemi üzerindeki Neova Sigorta bölümünden talep girebilirsiniz.Poliçemiz, yurt dışına açıktır ancak, bir seyahat sağlık sigortası değildir. Seyahat sağlık sigortası, teminatlar bazında özel sağlık sigortasından farklı bir poliçedir. Konsolosluklar tarafından talep edilen cenaze teminatı ise en belirgin farklardan biridir. Poliçemizde, yurt dışına çıkışların ilk 60 gününde oluşan sağlık harcamaları, Türk tabipler birliği asgari ücret tarifesindeki rakamlar baz alınarak değerlendirilmektedir. Özel sağlık sigortası poliçemiz yurt dışına açık olmakla birlikte dikkat edilmesi gereken aşağıdaki bazı hususları hatırlatmak isteriz; Sigorta şirketinin yurt dışında herhangi bir hastane ile anlaşması olmadığından provizyon alınamamaktadır. Bu nedenle sağlık harcamaları öncelikle tarafınızca finanse edilmeli ve sonrasında aşağıdaki evrakların İnsan Kaynakları Sağlık bölümüne iletilmesi gerekmektedir. Fatura aslı Şikayet ve tanıyı belirten doktor raporu (İngilizce) Tahlil varsa, istek kağıdı ve sonuç fotokopileri Yapılan ödemelerin iadeleri, Türk Tabipler Birliğince belirlenmiş rakamlar dikkate alınarak, klozlarımızda belirtilen geri ödeme oranlarınca yapılabilmektedir. Örneğin; yurt dışında gerçekleşen bir muayene için ödeyeceğiniz tutar yaklaşık 200 €’dur. Türk Tabipler Birliğinde ise muayenenin karşılığı 155,25 TL’dir. Böyle bir durumda harcamanız, (teminat bakiyeniz de dikkate alınarak) TTB rakamları olan 155,25 TL üzerinden değerlendirmeye alınacak ve %75 oranında idesi yapılabilecektir. Yurt dışı vize işlemlerine ilişkin bu bilgiler ışığında, ayrıca bir seyahat sağlık sigortası yaptırmak isterseniz, Mercek Talep Sistemi üzerindeki Neova Sigorta bölümünden talep girebilirsiniz.</h4>" +
                "</html>",
            }}
          />
        </Content>
      </Container>
    );
  }
}

screen shot 1440-05-08 at 12 59 46 pm