Qiita Trends

【Android】Jetpack Compose × MVVM × Hilt × マルチモジュールでポケモン図鑑作ってみた【Jetpack Compose】
LGTM: 36
#Android #JetpackCompose

Link: https://qiita.com/KKusumi/items/d1c8ea9acc8544fa64aa

Qiita

【Android】Jetpack Compose × MVVM × Hilt × マルチモジュールでポケモン図鑑作ってみた【Jetpack Compose】 - Qiita

はじめに

最近のAndroid界隈でホットな話題といえば、そう。Jetpack Compose。
こないだやってたI/O Extended Japan 2021 - AndroidでもJetpack Composeの話題で持ちき...

1 viewedited 09:00

この記事を読む

Qiita Trends

Compose Navigationで使えるNavBackStackEntryのlifecycleとは？
LGTM: 7
#Android #JetpackCompose #AndroidJetpack #NavigationComponent

Link: https://qiita.com/takahirom/items/14ab7d910c39c74c45a4

Qiita

Compose Navigationで使えるNavBackStackEntryのlifecycleとは？ - Qiita

例えばComposeで動画再生したいけどonStopで止めたいときとかありますよね？
先日、ComposeのNavigationで画面単位で取得できるNavBackStackEntryにlifecycleがあることを知りました。これは...

2 viewsedited 09:00

この記事を読む

Qiita Trends

【Jetpack Compose】Githubリポジトリを一覧表示するサンプルアプリ作った
LGTM: 10
#Android #JetpackCompose

Link: https://qiita.com/yasukotelin/items/f14def46e25e8c3f9888

Qiita

【Jetpack Compose】Githubリポジトリを一覧表示するサンプルアプリ作った - Qiita

About

もうすぐRelease版が出るJetpack Composeでサンプルアプリを作ったので、色々知見を書いていこうと思います！
本当はちゃんと整理された記事を書こうと思ったのですが、色々浅く広く書きたかったので思い出し...

1 viewedited 09:00

この記事を読む

Qiita Trends

Accompanist のユースケース
LGTM: 12
#Android #JetpackCompose #Accompanist

Link: https://qiita.com/Nabe1216/items/e6057e69f4f7a0d90b86

Qiita

Accompanist のユースケース - Qiita

Jetpack Compose を使うプロジェクトでは使うことになるであろう Accompanist とは何なのか、Accompanist は何ができるのかを書いていこうと思います。(v0.15.0 時点)

Accompanist...

1 viewedited 21:00

この記事を読む

Qiita Trends

【Android】Jetpack ComposeでAdMobのバナー広告を表示する
LGTM: 7
#Android #adMob #JetpackCompose

Link: https://qiita.com/tsumuchan/items/3e88e8fcc78a2781df85

Qiita

【Android】Jetpack ComposeでAdMobのバナー広告を表示する - Qiita

Jetpack Composeを使ったアプリで、AdMobのバナー広告を表示する方法です。

↓のような感じで、画面下部にバナーを表示します。

コード

現時点（2021/08/13）では、Jetpack Compose用に用...

1 viewedited 21:00

この記事を読む

Qiita Trends

API Guidelines for Jetpack Composeを読んだメモ
LGTM: 23
#Android #JetpackCompose

Link: https://qiita.com/takahirom/items/cc3f8cc6032ca9c28e01

Qiita

API Guidelines for Jetpack Composeを読んだメモ - Qiita

こちらにあるドキュメントです。

ある程度Composeを触ったことがある人向けのドキュメントだと思います。開発チームなどでComposeやっていく人は一読の価値があるかなと思いました。

The Compose API gui...

1 viewedited 09:00

この記事を読む

Qiita Trends

【Jetpack Compose】TabRowの背景色がWhiteにならない場合
LGTM: 4
#Android #JetpackCompose

Link: https://qiita.com/yasukotelin/items/15ffad2c66a642746679

Qiita

【Jetpack Compose】TabRowの背景色がWhiteにならない場合 - Qiita

問題点

Jetpack ComposeのTabRowのbackgroundにwhiteを指定しているのになぜかグレーになってしまったり、正常に白色にならない場合があります。
例えばこんな感じです。

@Composable
fu...

1 viewedited 09:00

この記事を読む

Qiita Trends

Composable関数のバイトコードを読むメモ
LGTM: 5
#Android #JetpackCompose

Link: https://qiita.com/takahirom/items/b29b7db652efe277498a

Qiita

Composable関数のバイトコードを読むメモ - Qiita

decomposerでJavaに戻して読んでいきます。
https://github.com/takahirom/decomposer

対象コード

class MainActivity : ComponentActivity()...

1 viewedited 21:00

この記事を読む

Qiita Trends

Jetpack ComposeのMutableStateが変更されてからdoCompose()までの流れ
LGTM: 4
#Android #JetpackCompose

Link: https://qiita.com/takahirom/items/d2a89560f8ff2065a7c0

Qiita

Jetpack ComposeのMutableStateが変更されてからdoCompose()までの流れ - Qiita

なんどもフィールドに入ったり他へ保存を繰り返すので結構しんどいコードリーディングになります。

以下の書き換えが走ったときの挙動を追います。

@Composable
fun Content() {
var state by ...

1 view21:00

この記事を読む

Qiita Trends

Inside Jetpack Compose
LGTM: 17
#Android #コードリーディング #JetpackCompose

Link: https://qiita.com/takahirom/items/78e8ac1cf382a0a79a9f

Qiita

Inside Jetpack Compose - Qiita

The English version is available here. (英語バージョンはこちら)
https://medium.com/@takahirom/inside-jetpack-compose-2e971675e55...

2 viewsedited 09:00

この記事を読む

Qiita Trends

【Jetpack Compose】Scaleアニメーション
LGTM: 5
#Android #JetpackCompose

Link: https://qiita.com/yasukotelin/items/03f326a81a77d5eb4d5c

Qiita

【Jetpack Compose】Scaleアニメーション - Qiita

ComposeをScaleさせるアニメーションの実装に苦労したので書きます。

ここで書くのは以下2パターンです

無限ループするScaleアニメーション
表示時に一回だけ実行するScaleアニメーション

今回動かすCompos...

2 viewsedited 21:00

この記事を読む

Qiita Trends

[jetpack compose]Row/ColumnとConstraintLayoutでどの程度レイアウトの作り方が違うのか
LGTM: 5
#Android #JetpackCompose

Link: https://qiita.com/ticktakclock/items/57dd0aeb1f2e9ec019e3

Qiita

[jetpack compose]Row/ColumnとConstraintLayoutでどの程度レイアウトの作り方が違うのか - Qiita

jetpack composeでかんたんなレイアウトをそれぞれ
- Row/Column/Row (※今回Rowは使っていません)
- Constraint

で作成した場合、どのような違いが出るのか見てみました。

Constrai...

1 view09:00

この記事を読む

Qiita Trends

Using state in Jetpack Composeのcodelabで概念的な用語を拾うメモ
LGTM: 2
#Android #JetpackCompose

Link: https://qiita.com/takahirom/items/59ecd8face2d1fffb192

Qiita

Using state in Jetpack Composeのcodelabで概念的な用語を拾うメモ - Qiita

以下で色々概念的な説明があるので拾っていきます。
Using state in Jetpack Compose
https://developer.android.com/codelabs/jetpack-compose-state#...

1 view09:00

この記事を読む

Qiita Trends

[Jetpack Compose] Paging Libraryを使わずに無限リストを実装する
LGTM: 5
#Android #Kotlin #JetpackCompose

Link: https://qiita.com/yasukotelin/items/e23248d4fb3962dc194f

Qiita

[Jetpack Compose] Paging Libraryを使わずに無限リストを実装する - Qiita

末尾までスクロールすると追加の要素を読み込んでいくやつです。
Androidではこの無限スクロールを実装するのにPaging3を使うことで簡単に（？）実装することができます。

Jetpack Compose対応もされているので、...

1 viewedited 09:00

この記事を読む

Qiita Trends

【Android】Modifier.requiredXXXについて、モヤモヤしなくなるくらいに理解する【Jetpack Compose】
LGTM: 7
#Android #JetpackCompose

Link: https://qiita.com/KKusumi/items/788c5083a4cd0644b7c5

Qiita

【Android】Modifier.requiredXXXについて、モヤモヤしなくなるくらいに理解する【Jetpack Compose】 - Qiita

はじめに

Modifierでサイズを指定するとき、widthとrequiredWidth、heightとrequiredHeight、sizeとrequiredSizeがあるよね。

Composeの公式ドキュメントを読めば言い...

1 viewedited 21:00

この記事を読む

Qiita Trends

【Jetpack Compose】Composeをオーバーレイ表示する
LGTM: 3
#Android #Kotlin #JetpackCompose

Link: https://qiita.com/yasukotelin/items/168f21b614168a7dbc64

Qiita

【Jetpack Compose】Composeをオーバーレイ表示する - Qiita

要素の上に半透明で表示するオーバーレイ表示をしてみました。
サイズが固定の場合はとても簡単なのですが、サイズが不定の場合はちょっとコツ（？）が必要でした。

オーバーレイ表示はこんな感じのものです。

固定サイズの場合

固定サ...

1 view09:00

この記事を読む