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

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



コード

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

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



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


The Compose API gui...

問題点

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

@Composable
fu...

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


対象コード

class MainActivity : ComponentActivity()...

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

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

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

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

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

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


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


今回動かすCompos...

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

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

Constrai...

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

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



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

はじめに

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

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

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

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




固定サイズの場合

固定サ...

The English version is available here.



この記事ではJetpack Composeの公式から提供されているものをプラクティス形式でリストにして紹介します

以下のセッションやコードラボには大...