[SwiftUI] TextField 文字入力

Swift 5.3
Xcode 12.4

 




TextField

 
UIKitではUITextFieldを使ってユーザーに文字入力をさせていましたが、SwiftUIではTextFieldです。

また、複数行の入力はiOS13まではUITextViewを混在させて代用していましたが iOS14からはTextEditorが追加されたのでそちらを使います。
 
TextFieldのイニシャライザの説明では、

  • title: タイトルやヒント、入力の説明など
  • text: ここに入力される文字列が入る。「$」をつけて指定する
  • onEditingChanged: 文字が入力された時の処理、デフォルトでは何もせず
  • onCommit: 入力が終了した時(リターンキーなど)の処理、デフォルトでは何もせず

 
ここ TextField にある sample code を使ってみると(要修正)

 
Previewで実行してみると、文字が入力されました。
 

 

Previewが2つ! この sample codeを何気に使っていると、Previewが2つになってしまいました。TextFieldとTextのpreviewが2つ別々にできてしまったわけです。VStackでまとめることで解決しましたが、何気に焦った。

 
 
References:
TextField | Apple Developer Documentation
init(_:text:onEditingChanged:onCommit:)




一人でアプリ開発の限界を感じたら

アプリ開発を始めたけどわからないところがあり、誰かに聞きたいけど周りにはそんな人はいない…あるいは、会社で働いていて日中そんなに時間をとれないなど、オンライン・スクールがいいと思います。



TECH ACADEMY
iPhoneアプリコース


こういうものではアプリ作れないと言う意見もありますが、それは結局本人のやる気があるかないかです。やる気があっても独学では突破しにくいところは教えてもらうのが一番早い。



CodeCamp
現役エンジニアによるオンラインプログラミングスクール【CodeCamp】


直接(ネットで)誰か分かる人に聞いた方が早く解決して、上達も早いと思います。



侍エンジニア塾
侍エンジニア塾 無料体験レッスン


シェアする

  • このエントリーをはてなブックマークに追加

フォローする