アプリやWebサイトをデザインする際に、情報をまとまりごとに線で区切ることがあります。リストの各項目を区切ったり、コンテンツをセクションごとに区切ったりする場合です。この区切り線は"Divider"と呼ばれます。 このDividerの線幅について、国内外のサービス各社の対応を調べてみました。 iOSとAndroidのDividerの線幅の違いiOSアプリのリストはSwiftUIで以下のように実装できます。 var body: some View { List { Section(header: Text("タイトル")) { Text("テキスト") Text("テキスト") Text("テキスト") } } .listStyle(.plain) }これをプレビューすると、各リストの間に 物理ピクセル数 1 の太さの線が表示されます。 iOSアプリのリストAndroidアプリのリストは以下
![iOSとAndroidの"Divider"の線幅の違いと各社の対応|鈴木慎吾 / TSUMIKI INC.](https://cdn-ak-scissors.b.st-hatena.com/image/square/0c0b088d21cdfcbaae79ad018a4540a43dc6f434/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F138925966%2Frectangle_large_type_2_f146517340b25bb3979d07c7bca7eb60.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)