在标记内包含文本以进行原生反应

Question

我正在将 Expo（版本 49）与 React Native 一起使用，对于标记，我正在使用react-google-maps（9.4.5）。在应用程序中，如果增加字体大小（通过辅助功能），文本将超出标记。我该如何解决这个问题？ 代码

    <Marker
      coordinate={{
        latitude: latitude,
        longitude: longitude,
      }}
      image={Images.marker.hotel_large}
      tracksViewChanges={false}
      centerOffset={{ x: 0, y: -10 }}
      {...rest}
    >
      <View style={styles.text}>
        <BaseText style={{ color: '#fff' }}>{label}</BaseText>
      </View>
      <Callout style={[styles.plainView, { width: scale(270) }]}>{children}</Callout>
    </Marker>

风格

export const styles = StyleSheet.create({
  plainView: {
    width: scale(200),
  },
  priceSection: {
    color: Color.primary,
  },
  text: {
    color: '#FFF',
    textAlign: 'center',
    width: 48,
    paddingTop: 22,
    paddingLeft: 18,
  },
}); 

Answer 1

您的

text

样式中有很多填充，同时，您还将

View

的宽度设置为 48。尝试在

flex

样式中使用

text

。

那么

text: {
  color: '#FFF',
  textAlign: 'center',
  width: 48,
  flexDirection: 'row',
  alignItems: 'center',
  justifyContent: 'center',
},