Compose: Implementing responsive UI for larger screens

preview_player
Показать описание
Learn how to build adaptive layouts for every screen size. Develop the mindset for building UI with Compose to create a great user experience across phones, tablets, foldables and ChromeOS devices.

Resources:

Speakers: Alex Vanyo, Matvei Malkov

Watch more:

#Featured #AndroidDevSummit #Android
  1. Android Developers
  2. adaptive layouts
  3. all screens
  4. large screens
  5. foldables
  6. tablets
Рекомендации по теме
Compose: Implementing responsive 0:18:28

Compose: Implementing responsive UI for larger screens

Flutter Responsive Design 0:03:10

Flutter Responsive Design (MediaQuery, Orientation)

Master Media Queries 0:09:44

Master Media Queries And Responsive CSS Web Design Like a Chameleon!

Support All Screen 0:21:09

Support All Screen Sizes in Jetpack Compose |responsive layout

17: How to 0:21:17

17: How to Make a Website Responsive | Learn HTML and CSS | Full Course For Beginners

Building a Responsive 0:38:52

Building a Responsive Dashboard UI App with Flutter | Step-by-Step Tutorial

A practical guide 0:23:13

A practical guide to responsive web design

Responsive App Design 0:09:52

Responsive App Design in Android Studio 2021|| Android Studio Tutorial || Foxandroid

How to Code 2:05:35

How to Code a Figma Design in 2 Hours using HTML CSS

5 simple tips 0:15:54

5 simple tips to making responsive layouts the easy way

How To Make 0:08:18

How To Make Website Responsive Using CSS Media Queries | Responsive Web Design Tutorial

Practical Guide to 0:04:14

Practical Guide to Responsive Design

Responsive Design in 0:03:21

Responsive Design in React Native // Mobile App Development

Flutter Tutorial - 0:33:19

Flutter Tutorial - Super Quick Way To Create Pixel Perfect Responsive UI

React JS #13 0:09:53

React JS #13 - Make a site fully responsive

Responsive UI using 0:31:18

Responsive UI using Flutter SDK | Android & iOS

Figma Tutorial: Responsive 0:06:05

Figma Tutorial: Responsive Typography Scale

The BEST Way 0:16:56

The BEST Way to Create Responsive Design with Tailwind CSS (2023)

Using vw, rem 0:00:18

Using vw, rem - responsive design

HTML CSS Fully 0:05:02

HTML CSS Fully Responsive Holy Grail Layout || Web Development

Responsive Templates in 0:00:25

Responsive Templates in FlutterFlow 😎

Responsive Typography with 0:08:37

Responsive Typography with CSS Clamp

SVG Explained in 0:02:20

SVG Explained in 100 Seconds

Responsive HTML Table 0:15:59

Responsive HTML Table With Pure CSS - Web Design/UI Design

Комментарии
Автор

0:12: 📱 Implementing adaptive UI for different screen sizes and orientations.
4:29: 📱 Creating adaptable UI for different screens using basic composable functions.
7:30: 📱 Responsive UI for larger screens
11:32: 📱 Implementing adaptive UI for different screen sizes using Compose.
15:02: 📱 Improving flexibility of UI components for better responsiveness.

sandeepurankar
Автор

Should I handle onConfigurationChanged on my own when targeting big screen?

pablovaldes
Автор

i need bootstraoe css like library in compose...any one know that?

theguy