Родная базовая кнопка со значком сверху - PullRequest
Новая
       8

Родная базовая кнопка со значком сверху

0 голосов
/ 27 июня 2018

enter image description here

Native base - это действительно отличная библиотека для стилевого реагирования. У меня есть только один вопрос для кнопки со значком, я хочу, чтобы значок сверху и текст снизу не совмещались. Я попытался alignSelf:'center' для значка и текста, но это не работает. Кто-нибудь может помочь? Большое спасибо. 

<Button transparent style={styles.capturebtn}>
    <Icon name="camera" type="MaterialCommunityIcons" style={styles.capturebtnicon}/>
    <Text style={styles.capturebtntxt} uppercase={false}>Open Camera</Text>
</Button>   

  capturebtntxt:{
    alignSelf:'center',
    fontSize:15,
    fontFamily:'Gotham-Medium',
    color:'#AAAAAA'
  },
  capturebtnicon:{
    alignSelf:'center',
    color:'#E3E3E3',
    fontSize:35
  },
  capturebtn:{
    elevation:0,
    borderColor:'#e5e5e5',
    borderWidth:1,
    borderRadius:7,
    justifyContent:'center',
    alignItems:'center',
    width:((Dimensions.get('window').width - 150 - 60) / 2) - 10
  },

1 Ответ

0 голосов
/ 27 июня 2018

Я нашел flexDirection: 'column' для кнопки это исправлено. =) * * Тысяча два

...