前言:
react- native的标签很像微信小程序,本篇记录我做项目遇到的问题。
一、报错信息
1.Text strings must be rendered within a <Text> component.
意思:文本字符串必须在<Text>组件中呈现。
import React, { Component } from "react";
import { ActivityIndicator, StyleSheet, Text, View } from "react-native";
class Demo extends Component {
render() {
return (
<View style={[styles.container, styles.horizontal]}>
<ActivityIndicator />
<ActivityIndicator size="large" />
<ActivityIndicator size="small" color="#0000ff" />
<ActivityIndicator size="large" color="#00ff00" />
s99 //这里用到了字符串但是没有放到Text标签里 <Text>s99</Text>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: "center"
},
horizontal: {
flexDirection: "row",
justifyContent: "space-around",
padding: 10
}
});
export default Demo;
解决方案:
<Text>s99</Text>