如何解决React Native <Text>将'fff'更改为奇怪的线符号?
我正在使用react native从Firebase的平面列表中渲染一些文本。 每当我带有'fff'的文本时,它就会将其更改为怪异的垂直线符号。
我不知道如何解决此问题,我确保文本是正确的字符串。除此之外,我不知道如何摆脱这个奇怪的格式化问题。
<View style={[styles.row,{padding: 0,marginBottom: 100,marginTop: 0}]}>
<FlatList
data={dbStoryEntries}
keyExtractor={(item,index) => item.title}
columnWrapperStyle={{
justifyContent: 'space-between',alignItems: 'center',}}
horizontal={false}
numColumns={2}
renderItem={({item,index}) => (
<View
style={{
height: Dimensions.get('screen').width / 2 + 15,//8
}}>
<TouchableWithoutFeedback
onPress={() => this.navigateTo(item.title)}>
<View
style={{
padding: 20,}}>
<NeuView
inset
color="#f0f0f0"
height={Dimensions.get('screen').width / 2 - 40}
width={Dimensions.get('screen').width / 2 - 40}
borderRadius={10}
style={{marginTop: 0,paddingBottom: 5}}>
<Image
fluid
source={{uri: this.state.images[index]}}
resizeMode="cover"
style={{flex: 1,width: '99.9%',borderRadius: 10}}
/>
</NeuView>
<Text
width={80}
style={[
styles.nexaDark,{
fontSize: 18,marginTop: 0,opacity: 0.5,textAlign: 'center',},]}>
{item.title}
</Text>
</View>
</TouchableWithoutFeedback>
</View>
)}
/>
</View>
样式:
const styles = StyleSheet.create({
nexaDark: {
fontFamily: 'NexaTextDemo-Bold',color: '#696766',nexaLight: {
fontFamily: 'NexaTextDemo-Bold',color: '#838180',
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。