Wie man natives Netz volle Höhe reagieren lässt?

Question

Ich verwende reagieren nativen Web-Bibliothek, aber ich kann nicht die volle Höhe machen auf Web

Code:

import React from 'react'; 
import {StyleSheet, View, Text, TouchableOpacity} from 'react-native'; 

class index extends React.Component { 

    render() { 
     return (
      <View style={styles.container}> 

       <TouchableOpacity 
        style={{ 
        backgroundColor: 'blue' 
       }}> 
        <Text style={{ 
         color: 'green' 
        }}>Learning</Text> 
       </TouchableOpacity> 
      </View> 
     ); 
    } 
} 

const styles = StyleSheet.create({ 
    container: { 
     width: '100%', 
     height: '100%', 
     margin: 0, 
     padding: 0, 
     justifyContent: 'center', 
     alignItems: 'center', 
     backgroundColor: 'red' 
    } 
}) 

export default index; 

Das Ergebnis Chrome-Browser:

Answer 1

Versuchen Sie, die folgenden

container: { 
     flex: 1 
     width: '100%', 
     height: '100%', 
     margin: 0, 
     padding: 0, 
     justifyContent: 'center', 
     alignItems: 'center', 
     backgroundColor: 'red' 
    } 

Answer 2

was beheben mein Problem ist die Position Eigenschaft

position:'absolute' oder position:'fixed'

relativ nicht funktioniert position:'relative'