widget

For Each Loopでアイテム数分呼びます。 イベントの引数IndexにはFor LoopなどのIndexが来ます。 In Rowには、あらかじめ-1を設定しておきます。 %で行を変えるか判断します。%3とすることで、Indexが3の倍数の場合、0になります。つまり3つごとに行を変える処理になります。

原因：EntryWidget内にButtonを配置している List Viewの設定 このEntry Widget 内にButtonを配置したとします。 すると、List View の On Item Clicked イベントは呼ばれません。 解決策 ItemのButtonのVisibilityを変更すれば解決します。 それか、いっそButtonを使わないという方法でも解決します。 List Viewという機能自体がEntry Widgetにアクセスしにくい？ クリック時にEntry Widget の見た目を変更した場合など、On Item Clickedを使ってEntry Widget側へア…

今回の仕様 コントローラーでもカーソルを移動させたい。 その際に、Widgetのボタンもクリックできるようにしたい。 マウスカーソルを移動させる InputActionは、ファーストパーソンテンプレートのIA_Lookと同じような感じです。 マウスカーソルの移動ができれば、ホバーイベントが取れる Buttonは、On Hovered、On Unhovered イベントでボタンにフォーカス中かどうかを知ることができます。 Set Focusでクリックできるように ホバーのタイミングでSet Focusさせます。 これでGamepad入力でもButtonのOn Clickedイベントを発火させるこ…

この記事は Akerun Advent Calendar 2022 - Qiita の3日目の記事です。 WebエンジニアのBunです。主にiOSアプリの開発を担当しています。 日々いろんな解錠方法について考えています。特にiOSアプリで使えるいろんな便利な機能を使った解錠方法とその実装手順をまとめます。 今回はWidgetでの解錠について説明します。 Widgetとは Widgetから解錠 実装方法 UI実装 アプリにWidget ExtensionのTargetを追加 ホーム画面/ロック画面に表示するUIを実装（iOSの場合） Widget表示サイズ種類を設定 ホーム画面に表示されるSma…

PageView 使い方 基本形 スクロール方向を縦に設定 ページが画面に占める割合を設定する 初期表示するページを指定する PageView ページ単位で子ウィジェットをスクロールできるレイアウトを作成するウィジェット。 以下の動画で動作の雰囲気がわかる。 youtu.be api.flutter.dev 使い方 基本形 PageView( children: ..., // ページ単位で表示したいウィジェットのリスト ); childrenプロパティにページ単位で表示したいウィジェットのリストを渡す。 基本系 上アプリのコードは以下。 return PageView( children: …

Opacity 使い方 基本系 例 opacity : 0.0 opacity : 0.25 opacity : 0.5 opacity : 0.75 opacity : 1.0 Opacity 子ウィジェットの透過率を設定するウィジェット。 api.flutter.dev 使い方 基本系 Opacity( opacity: ... , // 透過率 child: ... , // 透過率が適用される子ウィジェット ) opacity : 0.0 ~ 1.0の間で透過率を指定する。0が完全に透明、1が完全に不透明 例 Opacityを適用前は以下。 Container( height: 100…

Spacer 使い方 基本形 例 Spacerが1つのケース Spacerが2つ以上のケース Spacer サイズを指定できるスペースを作成するウィジェット。 RowやColumnなどのFlex系ウィジェットの子ウィジェットとして使用する。 スペースはFlex系ウィジェットのmain axis方向に作成される。 （Column：垂直方向、Row：水平方向） api.flutter.dev 使い方 基本形 Column内で使用する場合。 Column( children: [ ... , Spacer(flex: ... /* スペースの割合 */), ... ], ), これで可能な限りのスペ…

スマレジの テックファーム（SES 部門） でWebエンジニアとして働いている やまて（@r_yamate） と申します。 実務では 2023 年 3 月末まで、 SES の派遣先のテーブルオーダーシステムの機能改修の設計などを担当しました。 2023 年 4 月からは、スマレジの関連アプリの開発業務を担当しています。触ったことのなかった Flutter での開発で、日々奮闘中です。 はじめに 今回は、 Flutter アプリに Firebase プロダクトの Authentication を導入する手順についてまとめます。 以前投稿した「Flutter アプリに Firebase を導入する…

github.com statistics: remove useless copy in the MergePartitionStats2GlobalStats by hawkingrei · Pull Request #47144 · pingcap/tidb · GitHub MergePartitionStats2GlobalStatsでの不要なcopyを行わないようにしています。 executor, tests: move some test cases from `executor_test.go` to `integrationtest` by SeaRise · Pull Re…

こんにちは、ゆーかーです😃 最近 Z Flip5が発売されましたね❤️ 大きいカバー画面、羨ましい、、、！！ 過去にもZ Flipの記事を出しているので、気になる方はどうぞ😁 ブログのカテゴリーからもまとめてみれます！ www.yu-ka-happylife.net www.yu-ka-happylife.net GalaxyはiPhoneと比べて、色々な設定のカスタムができるので楽しいです✨ ですがあまり日本語での情報が少なく、韓国など海外のSNSから勉強してます、、😅 新ユーザーの方にはちょっとやり方が分からない事が思いますので、簡単に紹介していきたいと思います🎵 ロック画面の設定 時計設…

ランキング参加中プログラミング Riverpodとは 使い方 インストール providerをグローバルで宣言 アプリ全体をProviderScopeでラップ ConsumerWidgetなどを継承したクラスを作成 providerから状態を取得 ref.watch ref.listen ref.read サンプル カウンターアプリ Todoアプリ Riverpodとは RiverpodはFlutterにて状態管理を行うためのパッケージ。 pub.dev 同じく状態管理向けパッケージのproviderと同じ作者が作成したもので、 providerと比較して様々な改良がなされている。 note-…

Android Studio kotlinのメソッドパーツ化 今回はHandlerです Handlerはtimeミリ秒後に指定の処理をするものです Handler().postDelayed( { /*処理*/ }, time ) 使用例はこちら（xmlファイルは省略します） import androidx.appcompat.app.AppCompatActivity import android.os.Bundle import android.os.Handler import android.view.View import android.widget.Button import a…

FlutterのYoutubeチャンネルを見てたら、 便利なパッケージがあったので試してみたときの備忘録(*´ω｀*) google_fonts | Flutter Package Browse Fonts - Google Fonts 使い方 とりあえずインストール。 $ fvm flutter pub add google_fonts $ fvm flutter pub get アプリ全体のフォントを変える ThemeDataのtextThemeに設定すればOK import 'package:google_fonts/google_fonts.dart'; ... return Mate…

前回の続き。オレオレテンプレートの作り方をみてみる(*´ω｀*) BrickHub/masonでコード生成をしてみる - くらげになりたい。 公式ドキュメントだとこのあたり。 Creating Bricks | BrickHub Docs 雛形の作成 $ mason new example ✓ Generated 5 file(s). (34ms) created example/brick.yaml created example/README.md created example/CHANGELOG.md created example/LICENSE created example/__…

今回は、アプリで処理を待つ間に表示されるローディングのあのぐるぐるを実装するサンプルです。関数を作ってあるのでメソッドをコピペして呼び出してもらえればすぐに実装できます！ この記事で分かること ✅ローディングのぐるぐるの実装方法 目次 サンプル画面 サンプルコード 全文（main.dart） 実装手順の説明 ①ローディング関数作成 ②①を呼び出す ③時間のかかる処理を記述する ④ローディング画面を閉じる まとめ サンプル画面 以下画面のようにボタン押下で一定時間ローディング画面が表示されるサンプルです。 サンプルコード 全文（main.dart） import 'package:flutter…

ROUTE06 Software Engineerの@yoshida-m-3です。 KPT (Keep Problem Try)やYWT(やったこと、わかったこと、次やること)など、振り返りの手法は様々ですが、今回ロールプレイングを取り入れた振り返りを行いました。 ロールプレイング振り返りとは ロールプレイング振り返りとは、自分以外のロールの人になりきって振る舞い、振り返りを行うことです。 例えば、ソフトウェアエンジニアの場合は、プロダクトマネージャーやプロダクトオーナーなどになりきり、振り返りを行います。 今回のロールは現在関心の強い以下の4つを選択しました。 エンジニア プロダクトマネージ…

この記事について 最近、ネイティブアプリの勉強してみたいなと思い、flutterを触っています。Webアプリとは別物だなと感じ、色々な壁にぶち当たっては怪我ばかりしているのですが、今回はその中の１つです。image_pickerというライブラリについてです。こちら、OSのバージョンによって使い方が少し異なるので注意です。今回はAndroid側で問題が起こったので、まとめました！Flutter、、、仲良くしたい、、、 image_pickerとは 画像ライブラリから画像を選択し、カメラで新しい写真を撮るためのiOSおよびAndroid用のFlutterプラグインです。公式ドキュメントはimage…

Appleは日本時間9月13日、「iOS 17」「iPadOS 17」「watchOS 10」「tvOS 17」「macOS 14」のRC（Release Candidate）版を開発者およびパブリックベータ登録者に向けてリリースしました。 同時に、「iOS 16.7」「iPadOS 16.7 」のRC版もリリースされています。 正式版の一般公開は、「iOS 17」「iPadOS 17」「watchOS 10」が日本時間9月19日、macOS 14が同9月27日です。 新たにリリースされたバージョン リリースノート iOS 17 iPadOS 17 macOS 14 iOS 16.7 これまで…

Android Studio kotlinのメソッドパーツ化 今回はメッセージを表示するトーストです Toast.makeText( this, //context "massage", //表示するメッセージ Toast.LENGTH_SHORT // or LENGTH_LONG ).show() 使用例はこちら（xmlファイルは省略します） import androidx.appcompat.app.AppCompatActivity import android.os.Bundle import android.widget.Button import android.widget.T…