React Native - パディングが機能しないのはなぜですか？

Question

なぜパディングはReact Nativeで動作しないのですか？

const styles = StyleSheet.create({ 
    container: { 
     marginTop: 75, 
     alignItems: 'center' 
    }, 
    image: { 
     width: 107, 
     height: 165, 
     padding: 10, 
     backgroundColor:'blue' 
    }, 
    description: { 
     padding: 20, 
     margin: 10, 
     fontSize: 15, 
     color: '#656565', 
     backgroundColor:'red' 
    } 
}); 

結果：

任意のアイデアなぜ私は画像と下のテキストボックスに10pxのパディングを持っていますか？私は何か見落としてますか？

Answer 1

リアクションがあるAndroidは、境界線がない限り、パディングが気に入らない傾向があります。一時的な修正は、 "paddingXXX"を "marginXXX"に変更して、おおよそのスタイリングを得ることです。

const styles = StyleSheet.create({ 
container: { 
    marginTop: 75, 
    alignItems: 'center' 
}, 
image: { 
    width: 107, 
    height: 165, 
    margin: 10, 
    backgroundColor:'blue' 
}, 
description: { 
    margin: 30, 
    fontSize: 15, 
    color: '#656565', 
    backgroundColor:'red' 
} 
}); 

これは実際にはうまくいきませんが、まだ私はそれに簡潔な修正を見ていません。私が知る限り、Gitリポジトリには問題がありますが、まだ修正されていません。

Answer 2

反応ネイティブv0.31.0バージョンでアンドロイドのパディング問題が修正されました。 詳細については、あなたはreact-natvieリリースchangelogに行くことができますhttps://github.com/facebook/react-native/releases