Button 中的文本不显示 ios 中的文本（本机基础）

Question

嗨，在我的项目中我使用 nativeBase。我用 <Button><Text>blablabla</Text></Button> 当运行ning 在 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 和运行但不起作用。我读了这个 post 但我没有使用 padding 并且仍然没有显示文本

Answer 1

你可以试试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>

Answer 2

我发现我的造型有误：

将样式表中的高度样式 btn 从 10% 更改为 100% !!

谢谢

Button 中的文本不显示 ios 中的文本（本机基础）

Text in Button doesn't show text in ios (native base)

react-native

native-base

react-native-ios