React native TextStyle存在于React本机库中,但flow表示缺少?
我正在处理下面的代码,一旦我添加了文本样式属性React native TextStyle存在于React本机库中,但flow表示缺少?,react-native,React Native,我正在处理下面的代码,一旦我添加了文本样式属性lineHeight:1,流类型检查工具就会给出一个红色标记,上面写着: 无法创建视图元素,因为对象类型[1]中缺少属性线宽,但属性样式中的对象文字[2]中存在该属性。 如何解决这个错误?顺便说一句,我删除了“lineHeight:1”这个错误,如果删除了它,它是毫无意义的,而不是我的意图 //Imports with Destructuring // @flow import { Text, View } from 'react-native';
lineHeight:1
,流类型检查工具就会给出一个红色标记,上面写着:
无法创建视图
元素,因为对象类型[1]中缺少属性线宽
,但属性样式
中的对象文字[2]中存在该属性。
如何解决这个错误?顺便说一句,我删除了“lineHeight:1”这个错误,如果删除了它,它是毫无意义的,而不是我的意图
//Imports with Destructuring
// @flow
import { Text, View } from 'react-native';
import React from 'react';
//Prepare the contents
const Header = (props) => {
//Destructuring the styles
const { textStyle, viewStyle } = styles;
return (
<View style={viewStyle}>
<Text style={textStyle}>{props.headerText}</Text>
</View>
);
};
//Style the contents
const styles = {
viewStyle: {
backgroundColor: '#F8F8F8',
lineHeight:3,
alignItems: 'center',
height: 50,
paddingTop: 15,
position: 'relative'
},
textStyle: {
fontSize: 30,
color: '#3D407B',
fontWeight:'bold',
borderRadius: 3,
borderStyle:'solid',
},
myStyle: {
}
};
//Make them available to the app
export default Header;
//使用分解结构导入
//@flow
从“react native”导入{Text,View};
从“React”导入React;
//准备内容
常数头=(道具)=>{
//解构样式
const{textStyle,viewStyle}=样式;
返回(
{props.headerText}
);
};
//内容的风格
常量样式={
视图样式:{
背景色:'#F8',
线高:3,
对齐项目:“居中”,
身高:50,
paddingTop:15,
位置:'相对'
},
文本样式:{
尺寸:30,
颜色:“#3D407B”,
字体权重:'粗体',
边界半径:3,
边框样式:'实心',
},
我的风格:{
}
};
//使其可用于应用程序
导出默认标题;
不在视图中的文本支持行高 lineHeight
在未显示的文本中受支持