第一个开头为“react-native-drawer”的默认“open=true”属性不会应用样式

Question

抽屉设置：

<Drawer
  open={true}
  tapToClose={true}
  initializeOpen={true}
  tweenDuration={100}
  disabled={false}
  type="overlay"
  content={<[component name] />}
  tapToClose={true}
  openDrawerOffset={0.2}
  panOpenMask={0.05}
  panCloseMask={0.2}
  closedDrawerOffset={-2}
  tweenHandler={(ratio) => (
    { main: { opacity: 1 },
    mainOverlay: { opacity: ratio / 2, backgroundColor: 'black',}
    })}
  styles={{
  drawer: {shadowColor: 'black', shadowOpacity: 0.8, shadowRadius: 2,
                  elevation: 20}, //Supported on Android 5.0+ only
  main: {paddingLeft: 2}
  }}
  >

react-本机-抽屉版本:2.3.0

反应原生版本：0.42.3

平台（iOS、Android或两者？）：二者都

设备信息模拟器/设备？-模拟器Android 4.1（API16）/7.1.1（API25），模拟器iOS10.2/iOS8.1

操作系统版本？-MacOS 10.12.3

调试/发布？-调试

但是“mainOverlay: {...，backgroundColor:'黑色'，}不适用于第一次启动:

再次关闭和打开抽屉后，它看起来像预期的黑色背景颜色：

也许有人知道如何解决它？

Answer 1

我在“反应本机抽屉”上搜索了一些以前的问题，以查找一些与背景相关的问题，在此期间我偶然发现了这个对我来说效果很好的解决方案。

将抽屉组件的样式属性设置为

< code > styles = { main overlay:{ background color:' black '，opacity: 0，} }

将抽屉组件的tweenHandler属性设置为

tweenHandler={（比率）=