2021年4月2日金曜日

Compose メモ : Card を使う時は bottom に padding を入れないと影が切れる

Card の bottom に padding を入れていないとこのように影が切れてしまう。
  1. Row(  
  2.     modifier = Modifier  
  3.         .horizontalScroll(rememberScrollState())  
  4.         .padding(top = 16.dp)  
  5. ) {  
  6.     repeat(10) {  
  7.         Card(  
  8.             modifier = Modifier  
  9.                 .padding(  
  10.                     start = 8.dp,  
  11.                     // bottom padding がない  
  12.                 )  
  13.                 .size(136.dp)  
  14.         ) {  
  15.   
  16.         }  
  17.     }  
  18. }  


このように bottom に padding を入れると切れない。
(top はこのコードのように padding を入れていなくても影が出る)
  1. Row(  
  2.     modifier = Modifier  
  3.         .horizontalScroll(rememberScrollState())  
  4.         .padding(top = 16.dp)  
  5. ) {  
  6.     repeat(10) {  
  7.         Card(  
  8.             modifier = Modifier  
  9.                 .padding(  
  10.                     start = 8.dp,  
  11.                     bottom = 8.dp, // 追加  
  12.                 )  
  13.                 .size(136.dp)  
  14.         ) {  
  15.   
  16.         }  
  17.     }  
  18. }  



0 件のコメント:

コメントを投稿