自定义navigationBar一直报warning

来源：

danceingsoft

2017-03-19

自定义navigationBar一直报warning，invalid props.style.key 'barStyle'

写回答

1回答

CrazyCodeBoy

2017-03-20

barStyle是不是定义错位置了呢？

可参考代码：

const StatusBarShape = {
    barStyle: PropTypes.oneOf(['light-content', 'default',]),
    hidden: PropTypes.bool,
    backgroundColor: PropTypes.string,
};
export default class NavigationBar extends Component {
    static propTypes = {
        style: View.propTypes.style,
        title: PropTypes.string,
        titleView: PropTypes.element,
        titleLayoutStyle:View.propTypes.style,
        hide: PropTypes.bool,
        statusBar: PropTypes.shape(StatusBarShape),
        rightButton:  PropTypes.element,
        leftButton: PropTypes.element,

    }
    static defaultProps = {
        statusBar: {
            barStyle: 'light-content',
            hidden: false,
        },
    }
    ...

React Native技术精讲与高质量上线App开发

一个真实的上线项目，一次完整的开发过程，全面掌握React Native技术

1577 学习 · 727 问题

查看课程

相似问题

老师请教一下如何实现渐变色的导航栏。

回答 1

关于1-9 Navigationbar的问题

回答 1

1-4，CustomBadgeView 问题

回答 1

在默认里面设置了 barStyle:

回答 1

createStackNavigator中嵌套使用createBottomTabNavigator，如何动态设置header

回答 1

打开慕课网App查看更多内容