書籍情報保管アプリ #13 『書籍にコメント・タグをつける』

2024年4月30日 21:53

前回は、（ちょっと面白くない？）ユーザー登録ページの詳細でした。

今回は、書籍の詳細ページにコメントを追記できるようにしました。できるだけシームレス？にコメント記載できるように直接TextFieldで表示したいと考えています。

TextFieldでコメント入力できるようにする。表示もする。

まずはタグのことは忘れてTextFieldでコメントの表示・編集ができるようにしようと思いました。下記のページを参考にしました。

一通りできて、タグを入れるようにしたのですが、見た目はずいぶん変更しましたので、あくまで上記は参考です。

タグだけをつけるよりは、文章の中にハッシュタグをつけられるようにした方が良いかと思い、以下のパッケージを使うようにしました。detectable_text_field

ほぼTextFieldと同じ使い方なのですんなり行ったのですが、最後にコメントのハッシュタグの一覧を取得する関数のところで結構手間取ってしまいました。上のページの例では関数extractDetectionが直接呼べるように記載あったのですが、実際は下記のようにして書くと呼べました。

        tagsList = TextPatternDetector.extractDetections(
          controller.text,
          hashTagRegExp,
        );

TextFieldの編集が終了した時になどに時間差でフォーカスを移動するのに以下のページの下の方の部分を参考にしています。

まさにタイトル通り。下記のサイトを参照したらすぐにできました。

編集を終わる時に、チェックボタンで終了するのも良いのですが、テキストフィールドの外側をクリックするのもよくあると思います。

下記のサイトの下の方を参考に、フォーカスを外します。

下記のようになっています。書影やタイトルなどの配置も修正しています。

実はまだFirestoreへの情報登録までできていないので、次回実施予定。並行してAppleDevelopper登録したりしようかな。

しかし最初の頃と比べると結構「さま」になって来た？

この記事が気に入ったらサポートをしてみませんか？