html - 如何在 html 内容之后放置 View

Question

我的一小段代码是这样的。

<View style={{flex:1}}>
  <WebView
    style={{flex:1}}
    source={{html: content}}
  />
  <View style={{flex:1}}>
    <Text>SOME TEXT</Text>
  </View>
</View>

我想在所有 HTML 内容的末尾显示一些文本。

我的 HTML 内容不是几行。这是至少 500 行。所以它必须是滚动的。在卷轴的末尾，应该会出现一些文本。

总结: 我想在html内容末尾显示相关帖子

Answer 1

您不应该将 Flex:1 放在 subview 中，因为当您定义 Flex:1 时它可能会占用整个屏幕空间。所以我想你应该首先使用这个来获得你的设备高度..

var {_height, _width} = Dimensions.get('window');

您可以将此 _height 设置为您的 WebView 并为您的 <Text> 定义一些高度并将该高度从您提到的 _height 中删除到 WebView 中。像这样的..

import React, {Component} from 'react';
import {View, Text, StatusBar, Image, WebView, Dimensions} from 'react-native';

var {_height, _width} = Dimensions.get('window');

class Example extends React.Component {

    render() {
        return (
            <View style{{flex: 1}}>
                <WebView
                    style={{width: '100%', height: _height - 20}}
                    source={{html: content}}
                />
                <Text style={{width: '100%', height: 20}}>
                    SOME TEXT</Text>
            </View>
        );
    }
}

export default Example;