responsive-layout-grid-compose

compose용 responsive layout grid 입니다.

Material Guideline

Google Material Guideline을 따릅니다.

• Row Break Point
  ResponsiveRow에서 totalColumns 이 AUTO 일 때 자동으로 지정됩니다.
  (gutter는 공식 가이드라인이 제공되지 않으므로 config에서 별도 지정 가능합니다.)

Type	Screen Type	Screen Size	Margin	Body	Layout columns	Gutter Default
Phone	Extra-small	0-599	16dp	Scaling	4	16dp
Tablet Small	Small	600-904	32dp	Scaling	8	24dp
Tablet Large	Small	905-1239	Scaling	840dp	12	24dp
Laptop	Medium	1240-1439	200dp	Scaling	12	32dp
Desktop	Large	1440+	Scaling	1040dp	12	32dp

Set up for use

현재 최신버전은 jitpack 을 참고하세요.

1. Add the JitPack repository to your build file (settings.gradle)

• groovy

 dependencyResolutionManagement {
 	repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
 	repositories {
 		mavenCentral()
 		maven { url 'https://jitpack.io' }
 	}
 }

• kotlin

 dependencyResolutionManagement {
 	repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
 	repositories {
 		mavenCentral()
 		maven { url = uri("https://www.jitpack.io" ) }
 	}
 }

2. Add the dependency

Tag에 적용할 버전을 입력합니다.

• groovy

 dependencies {
         implementation 'com.github.nyangzzi:responsive-layout-grid-compose:Tag'
 }

• kotlin

 dependencies {
         implementation("com.github.nyangzzi:responsive-layout-grid-compose:Tag")
 }

How to use

Row와 Column 2가지 버전을 제공합니다.

자세한 내용은 kDoc 문서를 참고하세요.

File Structure

Core
│  ResponsiveConfig.kt
│  Util.kt
│  
├─column
│      ResponsiveColumn.kt
│      ResponsiveColumnScope.kt
│      
└─row
       ResponsiveRow.kt
       ResponsiveRowScope.kt
       RowBreakPoint.kt

---

성능 개선 및 오류에 관련한 모든 피드백을 언제나 환영합니다.😊