如何有效禁用Nativescript中的黑暗模式主题设置?

时间:2020-01-08 02:00:11

标签: ios nativescript nativescript-vue

我尝试添加

registerBlockType( 'test/load-post-widget', {
    title: 'Load Post Widget',
    icon: 'smiley',
    category: 'widgets',

    edit: withSelect((select) => {
            return {  posts: select('core').getEntityRecords('postType', 'post')};
        })(({ posts, className }) => {
        if ( ! posts ) {
            return 'Loading...';
        }
        if ( posts && posts.length === 0 ) {
            return 'No posts';
        }
        let post = posts[0]; // hard coded as of now.

        // Option 1: This does not make the rendered post content/blocks editable
        return <div dangerouslySetInnerHTML={ { __html: post.content.raw } }></div> 
    } ),
} );

到App_Resources / iOS / Info.plist

但是,即使重新构建并删除了钩子,node_modules和平台,该应用程序仍处于暗模式。

我正在使用<key>UIUserInterfaceStyle</key> <string>Light</string>

3 个答案:

答案 0 :(得分:8)

不确定您的代码会发生什么,但是它确实应该可以工作。我一直在使用它,直到最后一次更新(当我们终于有时间处理暗模式时为止)。

您还应该能够通过

强制使用灯光模式
import Theme from "@nativescript/theme";

Theme.setMode(Theme.Light);

来源:https://github.com/NativeScript/theme

答案 1 :(得分:0)

放入AppDelegate

self.window?.backgroundColor = .white
            if #available(iOS 13.0, *) {
                self.window?.overrideUserInterfaceStyle = .light
            }

答案 2 :(得分:0)

除了我所做的plist(安装了Nativescript主题)

Page class="ns-light"

在iOS 13.1上为我工作