タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
Deletable Table with TextField on SwiftUI #はてなエンジニアAdventCalendar - がんばってなんか書く
これは はてなエンジニアAdvent Calendar 2019 1日目のエントリーです。 今年のAdvent Calendarでは初日を担当します id:yutailang0119 です！ 去年はツール作りの話を書きましたが、今年は先日のアンケート記事でも言及していたSwiftUIの話です。 お題 SwiftUIで 編集可能なテキストの リストを作り Rowごとに削除が可能 これが実は難しいお題だったので、解説していきます。 環境 Xcode 11.2.1 (11B500) 2024/02/19追記 Xcode 15.2 (15C500b) 現在 (おそらくこれ以前に) 、ForEachにBindingなinit(_:content:) が追加*1されたため、単純に実装が可能になりました。 ただし、1入力ごとにstateが確定し、キーボードが閉じてしまうため、この条件ではうまく機能しない
答) inputFormattersにTextInputFormatterをセットする e.g. TextField( …, inputFormatters: [ FilteringTextInputFormatter.digitsOnly ], …, ) FilteringTextInputFormatterFilteringTextInputFormatter が用意されており、これを渡すだけでユーザーの入力に制限をかけることができる。 正規表現を渡し、これにマッチしないものは何も入力できなくなる仕様だ。 ユーザーに対しては、エラー表示はされないので、不正な入力値はキーボードを打っても打っても何も反映されない挙動となる。 FilteringTextInputFormatterの種類許可(allow)、拒否(deny)の両側面から制限できる。 .allowはマッチするものだけを許可し、.
TL;DR To prevent synchronization issues and unexpected behaviors: – Avoid delays/asynchronous behaviors between typing and updating TextField state. – Avoid holding TextField state using a reactive stream (e.g. collecting from StateFlow using the default dispatcher) – Define TextField state variables with Compose APIs like MutableState<String>.Hoist TextField state to the ViewModel when needed e.g
前書き 「あれ、TextFieldであの表現...どうするんだっけ...」 となった時にでもこの記事を参照していただけますと幸いです。 参考サイト https://medium.com/flutter-community/a-visual-guide-to-input-decorations-for-flutter-textfield-706cf1877e25 サンプルコード 装飾なし
はじめに Material-UIが便利でつかってきたのですが、Formのvalidationについてhtml5のinputのvalidationを適用するにはどうすればよいのだろうと思って調べてみました。 バージョン等 React 17.0.3 material-ui/core 4.11.3 方針 結論から行くと、Material-UIのAPIに必要なものが全部出ていました。 inputPropsとinputRefの二つがinputに直接触れる機能なのでこれを使えばよいようです。 inputのRefをどうにかして手に入れようとuseRefをこねくりまわしたのですが・・・公式をさっさと読めばよかったです。。。 コード こんな感じのコードを書いてみました。 export default function TextFieldsValidation() { const classes = useS
MUI (Material UI) の TextField のスタイルを整える ―― 例のﾁｮｺﾁｮｺ動くラベルを止める - Qiita
Material UI を使った開発で困ることと言えば、TextField の見た目ですよね？ (Material UI 公式サイト のスクリーンショット) Material Design のガイドラインには準拠しているようですが、左上に縮こまったラベルはサイズが小さすぎて、日本語環境においては不便極まりなく、一般的にもあまりウケがよくないデザインだと思います。 動かない、読めるサイズのラベル・普通の枠線付きの入力エリア、これらが普通に縦に並んでいる入力フィールドが欲しいですよね？ Material UI のテーマ機能を使えば、TextField の各パーツの見た目をカスタマイズして、ラベルが動かない普通の見た目にできます。 これで MUI Base や Joy UI をプロジェクトに導入するまでの間をしのぎましょう。 実は、現在 Alpha 版の MUI Base (@mui/base)
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TextFieldで入力内容を制限したい #Flutter
Effective state management for TextField in Compose
Flutter TextField デザイン サンプル集 - Qiita
MaterialUIのTextFieldにinputタグのvalidationを適用する
dodspop.hatenablog.com
hiroyuki0.ue.bulog.jp
kojitaken.hatenablog.com
www.sankei.com
abbeyroad0310.hatenadiary.jp
www.connect-syurou.com