https://github.com/kaushalvasava/boxwithconstraint_and_multiscreensizesupport

It is a project about how to support different screen size and use of BoxWithConstraint to build UI using Jetpack Compose..
https://github.com/kaushalvasava/boxwithconstraint_and_multiscreensizesupport

android jetpack-compose kotlin

Last synced: 2 days ago
JSON representation

It is a project about how to support different screen size and use of BoxWithConstraint to build UI using Jetpack Compose..

• Host: GitHub
• URL: https://github.com/kaushalvasava/boxwithconstraint_and_multiscreensizesupport
• Owner: KaushalVasava
• Created: 2023-09-07T16:21:15.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-09-08T05:40:24.000Z (over 1 year ago)
• Last Synced: 2024-12-13T09:07:31.791Z (about 2 months ago)
• Topics: android, jetpack-compose, kotlin
• Language: Kotlin
• Homepage:
• Size: 112 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# BoxWithConstraint_And_MultiScreenSizeSupport

It is a project about how to support different screen size and use of BoxWithConstraint to build all display size support UI using Jetpack compose.

# BoxWithConstraint

A composable that defines its own content according to the available space, based on the incoming constraints or the current LayoutDirection.

Know more : https://developer.android.com/reference/kotlin/androidx/compose/foundation/layout/package-summary#BoxWithConstraints(androidx.compose.ui.Modifier,androidx.compose.ui.Alignment,kotlin.Boolean,kotlin.Function1)

# Types of Device targeting

- Phone

- Tablet

- Foldable

# Branches

- master : Use of BoxWithConstraint to create dynamic layout for all screen size.

- add-support-to-multi-screen-size: Use to create dynamic layout using WindowSize API.

# Screenshots

Phone 

![Screenshot 2023-09-08 102728](https://github.com/KaushalVasava/BoxWithConstraint_And_MultiScreenSizeSupport/assets/49050597/b2114ea0-fa7b-4203-94d8-8798c3c63475)

![Screenshot 2023-09-08 102749](https://github.com/KaushalVasava/BoxWithConstraint_And_MultiScreenSizeSupport/assets/49050597/71b12396-15dc-47c9-813e-2dd3e4b6afef)

Tablet

![Screenshot 2023-09-08 103108](https://github.com/KaushalVasava/BoxWithConstraint_And_MultiScreenSizeSupport/assets/49050597/669c21d7-f25e-43c5-a4d3-62d1d692cb4e)

![Screenshot 2023-09-08 103124](https://github.com/KaushalVasava/BoxWithConstraint_And_MultiScreenSizeSupport/assets/49050597/90a2ff0f-a535-4887-b79c-8049e49986f6)

Foldable

![Screenshot 2023-09-08 103039](https://github.com/KaushalVasava/BoxWithConstraint_And_MultiScreenSizeSupport/assets/49050597/402d58fd-f1d2-4f14-a69b-feef5d10f81d)

# Contribution

You can contribute this project. You can make other UI who support multiple screen size and raise PR or 

Just Solve issue or update code and raise PR. I'll do code review and merge your changes into main branch.

See Commit message guidelines https://initialcommit.com/blog/git-commit-messages-best-practices

# Licence

Copyright 2023 Kaushal Vasava

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

# Author

Kaushal Vasava