陣營原生擴展樣式景觀

Question

這是很好的處理佈局時，設備方向更改爲橫向或縱向的方法呢？

const common = { 
    container: { 
    flex: 1 
    } 
} 

// styles for portait orientation 
const portrait = StyleSheets.create({ 
    container: { 
    ...common.container, 
    marginBotton: 10 
    } 
}) 

// styles for landscape 
const landscape = StyleSheets.create({ 
    container: { 
    ...common.container, 
    flex: 0.5 
    } 
}) 

Answer 1

爲取向的問題，您可以使用尺寸，這需要的尺寸，並根據您的屏幕變化的風格。

import { Dimensions } from 'react-native'; 
const { width, height } = Dimensions.get('window') 

class SearchBox extends Component { 
render() { 
     return (
      <View style={styles.container}> 
       //yous codes here 
      </View> 
     ); 
    } 
} 

const styles = StyleSheet.create({ 
    container: { 
      width: width, 
     } 
});