javascript - 小部件 iOS 14 使用 swift ui 创建具有 native react 的 ui

标签 javascript ios swift react-native swiftui

<分区>

iOS 中的小部件示例:

enter image description here

react-native(js)代码示例如下:

enter image description here

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;

关于使用 Swift ui 创建小部件的文档仍然不多对于 iOS 14 .

使用 Swift ui 创建小部件似乎并不困难, 但没有太多信息。

所以我认为使用 react-native 开发用户界面会很有趣并使用 swift ui只是为 iOS 创建小部件.

想法是这样的,标签内的所有内容(让我们这样调用它)<Widget> (因此它的 child )应该是 Widget 的内容.

我没有在文档中找到任何内容,我想知道是否存在于 Swift ui 中或 iOS 的东西, 将子内容用作 UI用于应用程序。

当然这样的事情是不可能的,但做梦不花钱。

最佳答案

目前唯一的可能是在 SwiftUI 中创建 Widget native。可能在未来https://github.com/react-native-community将创建一个扩展以支持带有 React-Native 的 iOS Widgets。

我创建了一个小型库来支持 WidgetKit 的功能。 https://github.com/fasky-software/react-native-widgetkit

结合https://medium.com/groww-engineering/adding-widget-for-react-native-app-in-ios-14-with-swiftui-fd04ff181d33您应该能够使用 RN 应用程序创建一个小部件 :)

关于javascript - 小部件 iOS 14 使用 swift ui 创建具有 native react 的 ui,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63884595/

相关文章:

javascript - 使用 jquery 更改基于滚动的淡出 div

ios - 如何获取联系方式(名字、姓氏、联系人 ID、电话号码)

ios - 在 iPhone 上安装为 iPad 构建的 .IPA

ios - 背景 block 粒子效果

ios - 从自定义小部件调用电话

javascript - 无法在JS中隐藏表单

javascript - 有没有办法阻止 CKEditor 4 过滤我的 anchor 标记属性?

php - 订购 XML 记分板并使用 PHP 返回

ios - 需要通过 MoPub 展示 Admob 广告

ios - ScrollView 内的 CollectionView