有没有办法改变“react-native-drawer”组件的主页面掩码的白色？

Question

正如我在Android应用程序中看到的，几乎所有处于打开状态的抽屉都会在主要内容上方形成黑色“面具”。

在中的

白色面具

黑色示例：

可以将“react-native-drawer”组件中此“mask”的颜色更改为黑色？

Answer 1

正在寻找同样的事情并在GitHub找到解决方案。

tweenHandler={ratio => ({
   main: {
      opacity: 1,
   },
   mainOverlay: {
      opacity: ratio / 2,
      backgroundColor: 'black',
   },
})}

测试出来，这就是我得到的东西（因为能见度而变成粉红色）：

<Drawer
   tweenHandler={ratio => ({
     main: {
       opacity: 1,
     },
     mainOverlay: {
       opacity: ratio / 2,
       backgroundColor: 'pink',
     },
   })}
   ref={(ref) => { this._drawer = ref; }}
   content={ navigationView }
   side="right"
   panOpenMask={.25}
>

屏幕截图：