タグ

ウィジェットに関するi_matsuiのブックマーク (3)

  • 【Flutter】Text とは何か

    この記事は Flutter #3 アドベントカレンダー 2020 - Qiita 12 日目の記事です。 Flutter アプリ開発をしていて Text を使ったことがないという人はいないと思います。画面に文字を出したい時に必ず使うアレです。 使い方もとても簡単で、 と、書くだけで画面上に Hello, Flutter! の文字が表示されます。 この誰もが使う Text ですが、API ドキュメントやソースコードを読んだことはあるでしょうか。 この記事では、Text のドキュメントやソースコードを読みながら、 Flutter のドキュメントにはどのようなことが書いてあるのか、ソースコードはどのように読み進めればよいのかを考えてみます。それにより、例えば Container や Row など、開発で頻繁に利用する他の各 Widget についても必要に応じて詳しく調べ、理解を深められるようにな

    【Flutter】Text とは何か
  • Flutter の Widget ツリーの裏側で起こっていること – Flutter 🇯🇵 – Medium

    Flutterでアプリを普通に開発していると、触れるのはWidgetと(Stateful Widgetの)Stateがメインとなりますが、その裏側のElement・RenderObjectがどうなっているかを知ると品質・パフォーマンスともに良い正確なコードを書きやすくなると思っています。 また、公式ドキュメントのPerformance considerationsに書いてあることも、そのあたりを分かっていないと、きちんと理解するのが難しく、理解があやふやなまま何となく単なるお作法として形式的に守ることになりがちな気がしています。 というわけで記事ではWidgetの裏側のライフサイクルや実際の描画処理に至るまでの流れを説明していきます。 説明に使うサンプルアプリ新規プロジェクトを作成したらできる雛形とほぼ同じで、少しシンプルに調整してます(右下のボタンが四角い青色なのは普通のFABだとエフ

    Flutter の Widget ツリーの裏側で起こっていること – Flutter 🇯🇵 – Medium
  • Webサイトにつけるウィジェットをiframeで作る基本的な手順 - Qiita

    ブログパーツなどでよく使われる、HTMLタグをコピペするだけでサードパーティーのコンテンツを表示させることができるウィジェット。 TwitterやFacebook、はてなブログ等いろいろなサービスがウィジェットを提供していたり、表示をサポートしていたりしますね。 先日GitHubのコントリビューションチャートを任意のページに貼り付けられるウィジェットYourcontributionsを作ったので、これを例にしてiframeを使ったウィジェットのベーシックな作り方をメモ。 GitHubのcontributionを見られるウィジェットを作った : Query OK. http://queryok.ikuwow.com/entry/github-widget-released/ こんなウィジェットです。 Yourcontributions: GitHub Contribution widget

    Webサイトにつけるウィジェットをiframeで作る基本的な手順 - Qiita
  • 1