【swiftUI】TextField編集中にshadowを付けたい

Question

前提・実現したいこと

TextFieldで編集している間は、周りにshadowが現れるような仕様にしたいです。
自力でコードを書こうとしましたが、以下のようなエラーが出てしまうので、
どのように記載すれば仕様通りに作れるか知りたいです。
すいませんが、ご教示ください。

発生している問題・エラーメッセージ

「Result of call to 'shadow(color:radius:x:y:)' is unused」

該当のソースコード

     TextField("タイトルを入力", text: $title, onEditingChanged: {changed in self.shadow(color: .green, radius: 5)})

Answer 1

isEdit みたいな編集中かどうかの Bool 値を使っていけそうです。
isEdit が true なら .green で false なら .clear を指定してます。

import SwiftUI

struct ContentView: View {

    @State private var isEdit = false   // 編集中か
    @State private var title = ""

    var body: some View {
        VStack {
            TextField("タイトルを入力", text: $title, onEditingChanged: { (changed) in
                // 編集中: true, 編集終了: false
                self.isEdit = changed
            }) {
            }
            .shadow(color: self.isEdit ? .green : .clear,
                    radius: 5.0)
        }
    }
}

他には isEdit の値で TextField を切り替えるのもいけそうですが
titleはバインドしているので問題ないのですが キーボードがおりてしまいますね。

import SwiftUI

struct ContentView: View {

    @State private var isEdit = false   // 編集中か
    @State private var title = ""

    var body: some View {
        VStack {
            if isEdit {
                TextField("タイトルを入力", text: $title, onEditingChanged: { (changed) in
                    // 編集中: true, 編集終了: false
                    self.isEdit = changed
                }) {
                }
                .shadow(color: .green,
                        radius: 5.0)
            } else {
                TextField("タイトルを入力", text: $title, onEditingChanged: { (changed) in
                    // 編集中: true, 編集終了: false
                    self.isEdit = changed
                }) {
                }
            }
        }
    }
}

Comments

[Chiaki1111]

できました、ありがとうございます！