Текст в кнопке не показывает текст в ios (базовая база) - PullRequest
Новая
       35

Текст в кнопке не показывает текст в ios (базовая база)

0 голосов
/ 06 апреля 2020

привет, в моем проекте я использую nativeBase. Я использую <Button><Text>blablabla</Text></Button> при запуске в android нормально, но при запуске - ios текст не отображается. это мой компонент: 

<View style={{ marginLeft: 7, flexDirection: 'column', alignItems: 'center', justifyContent: 'center' }}>
  <View style={styles.btncontent}>
    <Right style={{ flex: 0.2 }}>
      <Image source={mapBtnLogo} style={styles.btnImage} />
    </Right>
    <Left style={{ flex: 0.8 }}>
      <Button full transparent style={styles.btn} onPress={() => props.myProps.gotoMap([section.YPOINT, section.XPOINT])}>
        <Text style={styles.btnText}>
          نمایش روی نقشه
                </Text>
      </Button>
    </Left>
  </View>
</View>

, а это styles: 

const styles = StyleSheet.create({
  ...Platform.select({
    ios: {
      btnImage: {
        margin: 5,
        marginRight: 20,
        width: moderateScale(20),
        height: moderateScale(20),
      },
      btn: {
        //alignItems: 'flex-start',
        width: '100%',
        height: '10%',

      },
      btnText: {
        fontFamily: 'IRANSansMobile',
        fontSize: 15,
        color: '#000',
      },
    }, android: {
      btn: {
        width: '100%',
        height: '10%',
      },
      btnText: {
        fontFamily: 'IRANSansMobile',
        fontSize: 15,
        color: '#000000'
      },
      btncontent: {
        backgroundColor: '#59c5b8',
        flexDirection: 'row-reverse',
        alignItems: 'center',
        borderWidth: 0.3,
        borderRadius: 5,
        marginLeft: 10,
        width: '95%',
      },
    }

удалить node module и установить снова не работает. и очистите Xcode и запустите снова, но не работает. Я прочитал этот пост Кнопка NativeBase не показывает текст , но я не использую padding и все еще не показываю текст

Ответы [ 2 ]

0 голосов
/ 06 апреля 2020

Я нашел свою ошибку в стилизации:

изменить стиль высоты btn в таблице стилей с 10% на 100% !!

спасибо

0 голосов
/ 06 апреля 2020

Можно попробовать TouchableOpacity. 

<Left style={{ flex: 0.8 }}>
  <TouchableOpacity style={styles.btn} onPress={() => props.myProps.gotoMap([section.YPOINT, section.XPOINT])}>
    <Text style={styles.btnText}>
      نمایش روی نقشه
                </Text>
  </TouchableOpacity>
</Left>
...