其他分享
首页 > 其他分享> > 重写react-navigation的stackNaviagtor产生的默认导航栏header样式

重写react-navigation的stackNaviagtor产生的默认导航栏header样式

作者:互联网

主要是默认的stackNavigator产生的效果,很难看

 

 


重写这个阴影,在当前路由配置的 navigationOptions里的 headerStyle写样式

navigationOptions:{
                headerTitle:'是什么',
                headerStyle:{
                    shadowOffset: {width: 0, height: 0},                    
                    shadowColor: '#1a505050',
                    shadowRadius: 2, //阴影模糊半径
                    shadowOpacity: 1, // 阴影不透明度
                      //让安卓拥有灰色阴影 --- 必须
                    elevation: 1,                                   
                },             
            }        

 

 我感觉变漂亮了哈,

标签:navigationOptions,样式,默认,阴影,react,header,headerStyle,重写,stackNaviagtor
来源: https://www.cnblogs.com/tengyuxin/p/11928323.html