React NativeでiOS14対応widget

DAI 2021/01/21

widgetEntryVIewで .systemMedium: fatalError() にするとなぜかPreview表示されない
Largeは同様にしてるはずなのに...

DAI 2021/01/22に更新

破線ボーダーがうまくいかない

.overlay(RoundedRectangle(cornerRadius: 16).stroke(style: StrokeStyle( lineWidth: 8 )))

dash入れると...

.overlay(RoundedRectangle(cornerRadius: 16).stroke(style: StrokeStyle( lineWidth: 8, dash: [8] )))

消える；；

DAI 2021/01/22に更新

実機だと出るパターンでした
(検証めんどいやつ)

DAI 2021/01/27

widgetBundleは最大5個まで
全体としては5 × 3(small, medium, large)の15個まで

そんなたくさんあるアプリみたことないけどw

DAI 2021/01/27

Widgetにあった@mainをWidgetBundleに移行

@main
struct FeelyouWidgets: WidgetBundle {
  @WidgetBundleBuilder
  var body: some Widget {
    widget()
    widgetSecond()
  }
}

DAI 2021/01/27

なんか中身変えても同じwidgetになるな...と思ったら
kindを変える必要がありそう

var body: some WidgetConfiguration {
        StaticConfiguration(kind: kind, provider: Provider()) {...

DAI 2021/01/28

medium widget作ってみる

DAI 2021/01/28

Linkの遷移先分けれた!

struct SimpleWidgetEntryView: View {
    var entry: SimpleProvider.Entry

    var body: some View {
        Link(destination: URL(string: "widget://link1")!) {
            Text("Link 1")
        }
        Link(destination: URL(string: "widget://link2")!) {
            Text("Link 2")
        }
    }
}

DAI 2021/01/28

アプリ側(React Native)、Link元で処理を分ける

const initialUrl = await Linking.getInitialURL();
    if (initialUrl === 'widget-deeplink://') {
      // 処理
    }

DAI 2021/02/05

無事リリース