反応したネイティブのボタンと画像の中心を合わせる

Question

画像とテキストを中心にしたボタンがあります。 ボタンは画面の下部に配置されています。

私はこのコードを持っている：https://i.stack.imgur.com/jFWAy.png

あなたはこの動作について何を知っていますか：

<TouchableOpacity style={Styles.oneButton}> 
    <View style={Styles.oneButtonView}> 
     <Text style={Styles.payTextDollar}> 
      <Image 
       style={Styles.imageButton} 
       source={props.image} 
      /> 
      Pay 
     </Text> 
    </View> 
</TouchableOpacity> 

oneButton: { 
    height: 60, 
    backgroundColor: '#e41c23', 
} 

oneButtonView: { 
    flex: 1, 
    flexDirection: 'row', 
    alignItems: 'center', 
    height: 20, 
    justifyContent: 'center', 
} 

payTextDollar: { 
    flex: 1, 
    color: '#ffffff', 
    fontSize: 20, 
    fontFamily: 'MetaOffc-Light', 
    textAlign: 'center', 
} 

imageButton: { 
    marginTop: 6, 
} 

これは、iOSのに非常に適していますが、しかし、画像はそのように、Android上で本当に小さいのですか？ 画像とテキストをボタンの中央に配置する別の方法があるかどうかをご存知でしょうか。https://i.stack.imgur.com/geBSz.png

ありがとう！

Answer 1

イメージに設定したスタイルは何ですか？ また、テキストの内部にイメージをネストする必要はありません。私はそれを抜き出し、テキストの前に置いておきます。