Yo estoy usando el componente Webview en Reaccionar Nativo para representar el contenido HTML. El problema que estoy enfrentando es que no puedo hacer la altura variable, de forma que se puede adaptar a cualquier contenido que tiene.

return (
                <View style={{flex: 1}}>
                    <Header 
                        containerStyle={{
                            backgroundColor: 'white',
                            borderBottomColor: '#dee0e2',
                            borderBottomWidth: 1
                        }}
                        centerComponent={{ text: 'Noticia', style: { color: 'black' } }}
                        leftComponent={
                            <TouchableHighlight onPress={() => navigate('homeScreen')}>
                                    <Text style={{color: '#4289f4'}}>Atrás</Text>  
                            </TouchableHighlight>
                        }
                    />
                    <ScrollView style={{padding: 5}}>
                        <View style={{flexDirection: 'column'}}>
                            <Text style={{textAlign: 'center', fontSize: 17, fontWeight: 'bold'}}>{noticia[0].titulo}</Text>
                            <Image style={{width: '100%', height: 200, alignSelf: 'stretch', marginTop: 10}} source={{uri: noticia[0].imagen}} />  
                            <View style={{height: 200, backgroundColor: 'red'}}>
                                <WebView
                                    source={{html: noticia[0].articulo}}
                                    scalesPageToFit={(Platform.OS === 'ios') ? false : true}
                                />
                            </View>
                        </View>



                    </ScrollView>
                </View>
              );

Si yo no doy el <View>' that contents ' <Webview>' a height it does show me nothing. Tried already withflex: 1 " pero no cambia nada.