Pokedex on Jetpack Compose

Overview

compose-pokedex

License-MIT Featured in androidweekly.net Issue #399

Pokedex on Jetpack Compose.

Single-Activity, no Fragments.

Install

You can build the project with Android Studio 4.0 or download the apk directly from releases.

Screenshots

Original design

Pokedex App design by Saepul Nahwan

Other Pokedex projects

Built with

License

All the code available under the MIT license. See LICENSE.

MIT License

Copyright (c) 2020 Zsolt Kocsi

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
Comments
  • Use custom font

    Use custom font

    This PR consists of two parts:

    1. Replace all occurrences of fontFamily = FontFamily("Roboto") with fontFamily = appFontFamily, where appFontFamily links to the CircularStd font.
    2. Add a default typography to the Material Theme that overrides all font families with CircularStd

    Old vs New:

    opened by JolandaVerhoef 5
  • Show news items using AdapterList

    Show news items using AdapterList

    The dev-05 release of Compose comes with AdapterList, a way to only render what's visible on screen. I've tried to implement ListAdapter for Pokedex.

    I'm not so happy with the result, so this PR is mostly a place for discussion. The question I'd like to answer: Is there a way to keep the AdapterList contained within NewsSection.kt?

    My first naive solution was to just change the contents of NewsList() to render an AdapterList. However, this didn't show any news cards anymore. I tried a lot of different configurations, but any time I tried to put the AdapterList inside another scrollable composable, it broke.

    opened by JolandaVerhoef 3
  • Upgrade to dev05

    Upgrade to dev05

    [IMPORTANT] compose-router needs to be updated to dev05 first, otherwise this code will not run!

    • Padding Composable was deprecated. Replaced it with LayoutPadding modifier where possible, otherwise Container with LayoutPadding modifier.
    • Fonts are now created with ResourceFont constructor, which is more resilient.
    • Tab constructor now has onSelected parameter instead of lambda for callback.
    opened by JolandaVerhoef 2
  • Do it in more generic way iksde

    Do it in more generic way iksde

    Chciałem osiągnac to co było zadaniem ale wkurzało mnie że każdy kto użyje Theme musi podawać jako argument WitTheme cos co przechowuje ten stan jawnie.

    Chciałem skorzystać z mocy posępnego czer...composition local providera, bo jest dostępny wszedzie. Wiec wystawiłem sobie możliwosc wywołania metody toggleTheme().

    No ale kolejny problem - onClick/clickable nie jest w scope Composable więc nie mogłem sobie go po prostu wywołać. Więc powstało kolejne obejście na wodomierzu w ostatnim commicie czyli ComposableAction które można wywołać z onClick-a :D to raczej nie przejdzie review xD

    opened by vudzkostek 1
  • Question

    Question

    Hi, thanks for this nice compose project. Can you please explain why you decided to define Root, Home, Pokedex as interfaces instead of for example object?

    Thanks

    opened by kazemihabib 1
  • It's too laggy

    It's too laggy

    Hello, I've just tested the code, thanks for the example, but it's too laggy on my real device, I dont know jetpack compose using the native android control or will own rendering all controls as flutter after build. I've tested with the old fashion native activity version, it runs very smooth. I dont know the laggy because of jetpack compose runtime itself or the way we code.

    opened by winterdl 0
Owner
Zsolt Kocsi
Zsolt Kocsi
A collection of animations, compositions, UIs using Jetpack Compose. You can say Jetpack Compose cookbook or play-ground if you want!

Why Not Compose! A collection of animations, compositions, UIs using Jetpack Compose. You can say Jetpack Compose cookbook or play-ground if you want!

Md. Mahmudul Hasan Shohag 186 Jan 1, 2023
Learn Jetpack Compose for Android by Examples. Learn how to use Jetpack Compose for Android App Development. Android’s modern toolkit for building native UI.

Learn Jetpack Compose for Android by Examples. Learn how to use Jetpack Compose for Android App Development. Android’s modern toolkit for building native UI.

MindOrks 382 Jan 5, 2023
This is a sample app(For beginners - App #2) built using Jetpack Compose. It demonstrates the concept of State Hoisting in Jetpack Compose.

JetBMICalculator This is a sample app(For beginners - App #2) built using Jetpack Compose. It demonstrates the concept of State Hoisting in Jetpack Co

BHAVNA THACKER 3 Dec 31, 2022
Jetpack-Compose-Demo - Instagram Profile UI using Jetpack Compose

Jetpack-Compose-Demo Instagram Profile UI using Jetpack Compose

omar 1 Aug 11, 2022
Jetpack-compose-animations-examples - Cool animations implemented with Jetpack compose

Jetpack-compose-animations-examples This repository consists of 4 animations: St

Canopas Software 180 Jan 2, 2023
Compose-navigation - Set of utils to help with integrating Jetpack Compose and Jetpack's Navigation

Jetpack Compose Navigation Set of utils to help with integrating Jetpack Compose

Adam Kobus 5 Apr 5, 2022
Jetpack-compose-uis - A collection of some UIs using Jetpack Compose. built using Katalog

Jetpack Compose UIs This is a collection of some UIs using Jetpack Compose. It i

Mori Atsushi 3 Dec 15, 2022
A simple authentication application using Jetpack compose to illustrate signin and sign up using Mvvm, Kotlin and jetpack compose

Authentication A simple authentication application using Jetpack compose to illustrate signin and sign up using Mvvm, Kotlin and jetpack compose Scree

Felix Kariuki 5 Dec 29, 2022
An application that i developed with a aim of learning Jetpack compose and many other jetpack libraries

An application that i developed with a aim of learning Jetpack compose and many other jetpack libraries, The application make use of jikan Api which displays a list of animations,there more details and even trailers of the animations.

Odhiambo Brandy 10 Nov 23, 2022
A Kotlin library to use Jetpack Compose in Android and iOS. Allow to write UI for both in Kotin. Still experimental as many compose features are not yet available.

Multiplatform Compose A Kotlin library to use Jetpack Compose in Android and iOS. Allow to write UI for both in Kotin. Still experimental as many comp

Clément Beffa 548 Jan 7, 2023
K5-compose is a sketchy port of p5.js for Jetpack Compose

k5-compose k5-compose is a sketchy port of P5.js for Jetpack Compose Desktop. This library provides you a playground to play with your sketches so you

Nikhil Chaudhari 176 Nov 22, 2022
Jetpack Compose based project, used to stress-testing compose features / integrations and explore non-trivial functionality

Project containing Jetpack Compose samples For pagination & network images it uses CATAAS. Known issues Navigation-Compose Issue with fast tapping on

Denis Rudenko 59 Dec 14, 2022
Compose-Instagram-Profile-UI - Instagram profile screen UI using android jetpack compose

Compose-Intsgram-Profile-UI Instagram profile screen UI using android jetpack co

TILLERN 1 Mar 8, 2022
Luis David Orellana 3 Jun 20, 2022
Lock Screen-Compose - Lock Screen with Jetpack Compose

Lock_Screen-Compose 此專案為Jetpack Compose練習題.

Kanneki Chen 0 Jan 26, 2022
Compose-Ratingbar-library - A simple implementation for rating bar in Jetpack Compose

Compose-Ratingbar-library - A simple implementation for rating bar in Jetpack Compose

Mahmoud Hussein 14 Dec 21, 2022
Compose Curved-Scroll is an Android Jetpack Compose library made with ❤️

Compose-Curved-Scroll-library Compose Curved-Scroll is an Android Jetpack Compos

mohamed tamer 23 Aug 24, 2022
Android.compose.squircle - Android LightWeight Squircle Library for JetPack Compose

Android LightWeight Squircle Library for JetPack Compose Usage Based on Compose

Quang Nguyen 9 Jul 5, 2022
Compose-html - An Android library which provides HTML support for Jetpack Compose texts

HtmlCompose An Android library which provides HTML support for Jetpack Compose t

iRewardHealth 43 Dec 29, 2022