Comments (7)
BottomSheetBehaviorProperties 의 state 를 Expanded 로 지정하여 해결하였습니다.
from bottomsheetdialog-compose.
정상출력 : https://drive.google.com/file/d/1B7ZpNuIhAuHD3FiAraZWWyA9aR_lMsax/view?usp=sharing
버그발생 : https://drive.google.com/file/d/1Dbe7q0dExllLslYW4VG5zMnSdTOA5j0G/view?usp=sharing
from bottomsheetdialog-compose.
Android 9 테스트 기기에서 샘플앱 기준 정상 동작하는 것 같습니다.
BottomSheetDialog를 사용 시 기본값과 다르게 property를 설정하신 부분이 있다면 공유해주실 수 있을까요?
BottomSheetDialog content Composable에서 navigationBarsPadding modifier를 사용하고 계신지도 궁금합니다.
from bottomsheetdialog-compose.
사용 중이신 compose 버전과 라이브러리 버전도 부탁드립니다!
from bottomsheetdialog-compose.
navigationBarsPadding modifier 는 사용하고 있지 않습니다.
사용중인 compose 버전은 1.6.1 입니다 :)
from bottomsheetdialog-compose.
BottomSheetDialog(
onDismissRequest = {},
properties = BottomSheetDialogProperties(
dismissOnBackPress = false,
dismissOnClickOutside = false,
dismissWithAnimation = false,
navigationBarProperties = NavigationBarProperties(
color = Color.White
),
behaviorProperties = BottomSheetBehaviorProperties(
isFitToContents = true,
isDraggable = false,
isHideable = false,
)
)
) {
Column(
horizontalAlignment = Alignment.CenterHorizontally,
modifier = Modifier
.fillMaxWidth()
.background(
color = Color.White,
shape = RoundedCornerShape(topStart = 20.dp, topEnd = 20.dp)
)
) {
Spacer(modifier = Modifier.height(51.dp))
Text(
text = stringResource(id = R.string.permission_message_require),
style = MaterialTheme.typography.permissionMainTop,
textAlign = TextAlign.Center
)
Spacer(modifier = Modifier.height(39.dp))
Row(
modifier = Modifier
.width(236.dp)
.height(50.dp)
.padding(start = 3.dp, top = 6.dp)
) {
Column {
Spacer(modifier = Modifier.height(2.dp))
Image(
painter = painterResource(id = R.drawable.marker),
contentDescription = null,
modifier = Modifier.size(24.dp)
)
}
Spacer(modifier = Modifier.width(13.dp))
Column {
Text(
text = stringResource(id = R.string.permission_location),
style = MaterialTheme.typography.permissionSub
)
Spacer(modifier = Modifier.height(4.dp))
Text(
text = stringResource(id = R.string.permission_location_sub),
style = MaterialTheme.typography.permissionDetail
)
}
}
Spacer(modifier = Modifier.height(13.dp))
Row(
modifier = Modifier
.width(236.dp)
.height(50.dp)
.padding(start = 3.dp, top = 6.dp)
) {
Column {
Spacer(modifier = Modifier.height(2.dp))
Image(
painter = painterResource(id = R.drawable.call),
contentDescription = null,
modifier = Modifier.size(24.dp)
)
}
Spacer(modifier = Modifier.width(13.dp))
Column {
Text(
text = stringResource(id = R.string.permission_number),
style = MaterialTheme.typography.permissionSub
)
Spacer(modifier = Modifier.height(4.dp))
Text(
text = stringResource(id = R.string.permission_number_sub),
style = MaterialTheme.typography.permissionDetail
)
}
}
Spacer(modifier = Modifier.height(42.dp))
Text(
text = stringResource(id = R.string.permission_message_ask),
style = MaterialTheme.typography.permissionMainBottom,
textAlign = TextAlign.Center
)
Spacer(modifier = Modifier.height(59.dp))
Button(
onClick = onConfirm,
colors = ButtonDefaults.buttonColors(backgroundColor = MaterialTheme.colors.buttonBlue),
shape = RoundedCornerShape(10.dp),
modifier = Modifier
.width(328.dp)
.height(54.dp)
) {
Text(
text = stringResource(id = R.string.button_confirm),
style = MaterialTheme.typography.buttonConfirm,
textAlign = TextAlign.Center
)
}
Spacer(modifier = Modifier.height(40.dp))
}
}
from bottomsheetdialog-compose.
다시 테스트 해본 결과 네비게이션바와 겹치는게 아니라 갤럭시S9 Android 9 버전 에서 content Composable의 최하단 Spacer가 동작하지 않는것 이였습니다. 현재 추측으로는 BottomSheetDialog 의 최대 높이가 화면의 70% 정도로 정해져 있어서 그 아래 부분은 잘리는것 같습니다.
from bottomsheetdialog-compose.
Related Issues (16)
- onDismissRequest is called twice when bottom sheet is dismissed by swiping down HOT 4
- Darker dim behind the sheet HOT 3
- Support edge to edge HOT 2
- How to shape/clip to have rounded edges (like the screenshots) HOT 3
- BottomSheetDialog의 content에 스크롤 없는 Column을 사용하면 드래그가 안되는 문제. HOT 2
- Compose Version 1.4 HOT 7
- v1.2.0 이후 키보드 관련 이슈. HOT 10
- 버튼 클릭시 bottomDialog 호출하는데 에러 관련 이슈 HOT 6
- Crash on Android 5 and 6 (API 22, 23) HOT 2
- When isDraggable set to false, the scrolling of the list has become less smooth now. HOT 1
- Display error in landscape screen mode HOT 1
- Display Scroll Issue HOT 2
- Navigation area display issues
- Add expand property to BottomSheet library HOT 4
- Part of bottomSheet hiding behind keyboard HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from bottomsheetdialog-compose.