React Native - 如何在启动器上覆盖模态样式窗口,而不是全屏?

时间:2017-04-29 00:30:30

标签: android android-layout react-native

我的意思是这个应用程序的一个例子,[被提醒。]具体而言,如果重要的话,我对如何在Android上执行此操作感兴趣。 (https://play.google.com/store/apps/details?id=dk.jagdos.notification&hl=en

enter image description here

3 个答案:

答案 0 :(得分:1)

为什么你不能使用Modal和导航器?否则,设置style = {{position:'absolute'}}也会创建一个可以设置高度和宽度的叠加层。

答案 1 :(得分:1)

为什么不为它编写本机代码并将其与RCTBridge连接?您还可以为其他人创建一个模块供其他人使用。

以下是参考链接:https://facebook.github.io/react-native/docs/native-modules-android.html

答案 2 :(得分:1)

AndroidManifest.xml中的

将MainApplication的主题更改为以下

android:theme="@android:style/Theme.Translucent.NoTitleBar.Fullscreen">

并且对于mainactivity活动,添加条目..

android:background="#80000000"

最后在顶级视图样式的本机应用程序使用以下样式。

container: {
position: 'absolute',
top: 100,
right: 100,
bottom: 100,
left: 100,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF',
}

希望这有帮助