TextStyle存在于React本机库中,但流程说缺少了吗?

时间:2019-03-22 07:33:21

标签: react-native

我正在下面的代码上,一旦我添加了文本样式属性lineHeight: 1,然后Flow类型检查工具会给出一个红色标记,表示:

”无法创建View元素,因为对象类型[1]中缺少属性lineHeight,但存在于属性style中的对象文字[2]中。Flow(InferError) “

如何解决此错误?顺便说一句,错误不会出现,我删除了'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;

1 个答案:

答案 0 :(得分:2)

lineHeight受“文本不在视图中”支持。