Javascript Widget iOS 14使用swift ui使用react native创建ui

Javascript Widget iOS 14使用swift ui使用react native创建ui,javascript,ios,swift,react-native,swiftui,Javascript,Ios,Swift,React Native,Swiftui,iOS中的小部件示例: 下面编写的react本机(js)代码示例: 从“React”导入React; 从“react native”导入{Text,View,NativeModules}; var Widget=NativeModules.Widget; 常量应用=()=>{ 返回( 旧金山 62华氏度 ); }; 导出默认应用程序; 对于使用iOS 14的Swift ui创建小部件,仍然没有太多文档 使用Swift-ui创建小部件似乎并不难,但信息并不多 因此,我认为使用react na

iOS中的小部件示例:

下面编写的react本机(js)代码示例:

从“React”导入React;
从“react native”导入{Text,View,NativeModules};
var Widget=NativeModules.Widget;
常量应用=()=>{
返回(
旧金山
62华氏度
);
};
导出默认应用程序;
对于使用
iOS 14
Swift ui
创建小部件,仍然没有太多文档

使用
Swift-ui
创建小部件似乎并不难,但信息并不多

因此,我认为使用
react native
开发ui和使用
swift ui
iOS
创建小部件会很有趣

想法是这样的,标签内的所有内容(我们称之为)
(因此它的子项)都应该是
小部件的内容

我在文档中没有找到任何内容,我想知道
Swift ui
iOS
中是否存在将子内容用作app的
ui


当然,这样的事情是不可能的,但梦想不需要任何代价。

目前唯一的可能性是在SwiftUI中创建本机的小部件。将来可能会创建一个扩展来支持带有React Native的iOS小部件

我创建了一个小型库来支持WidgetKit的功能


结合使用,您应该能够创建一个带有RN应用程序的小部件:)

您可以做的是

  • 清理项目
  • 确保它在不添加小部件的情况下正确运行
  • 照图去做
  • 在库搜索路径中,将5.0更改为5.2
  • “$(工具链目录)/usr/lib/swift-5.0/$(平台名称)”

    “$(工具链目录)/usr/lib/swift-5.2/$(平台名称)”


    这应该可以解决问题,如果它没有在react native中创建新的应用程序,并确保遵循这些步骤,在数小时的搜索后为我工作。

    Hi,请您一步一步地解释一下,我是否只需要安装这个插件,或者我是否需要对它进行任何更改才能使其运行?
    import React from 'react';
    import { Text, View, NativeModules } from 'react-native';
    var Widget = NativeModules.Widget;
    
    const App = () => {
      return (
        <Widget>
          <View
            style={{
              justifyContent: 'center',
              alignItems: 'center',
              backgroundColor: '#dee1e3',
              borderRadius: 4,
            }}>
            <Text>San Francisco</Text>
            <Text style={{ fontSize: 30 }}>62°F</Text>
          </View>
        </Widget>
      );
    };
    
    export default App;