SwiftUI中不使用List组件如何获取默认列表样式？

要在ScrollView中获得原生列表的样式（背景、内边距、分隔线）且不使用List组件，以下是几种现成的实现方法：

1. 复用React Native内置平台样式 #

直接借助Platform API获取对应平台的原生列表项样式，不用自己手动调试数值：

import { StyleSheet, Platform, View } from 'react-native';

const nativeListItemStyle = StyleSheet.create({
  container: {
    ...Platform.select({
      ios: {
        backgroundColor: '#ffffff',
        paddingHorizontal: 16,
        paddingVertical: 12,
        borderBottomWidth: StyleSheet.hairlineWidth,
        borderBottomColor: '#e5e5e5',
      },
      android: {
        backgroundColor: '#ffffff',
        paddingHorizontal: 16,
        paddingVertical: 14,
        borderBottomWidth: StyleSheet.hairlineWidth,
        borderBottomColor: '#f0f0f0',
      },
    }),
  },
});

// 在ScrollView中使用
<ScrollView>
  <View style={nativeListItemStyle.container}>
    {/* 你的列表项内容 */}
  </View>
  <View style={nativeListItemStyle.container}>
    {/* 下一个列表项内容 */}
  </View>
</ScrollView>

2. 使用UI库的独立列表项组件 #

像react-native-paper、react-native-elements这类UI库的列表项组件，脱离父级List组件也能单独使用，自带原生风格样式：
以react-native-paper为例：

import { List } from 'react-native-paper';

<ScrollView>
  <List.Item 
    title="文件夹" 
    left={() => <List.Icon icon="folder" />}
  />
  <List.Item 
    title="文档" 
    left={() => <List.Icon icon="file-document" />}
  />
</ScrollView>

这些组件内部已经封装好了原生的内边距、分隔线和背景样式，直接调用即可。

3. 利用系统原生组件映射（进阶） #

如果追求完全一致的系统原生效果，iOS可以通过NativeModules调用UITableViewCell的样式，Android对应ListView的Item样式，但这种方式需要原生开发基础，一般前两种方法足够满足需求。

内容的提问来源于stack exchange，提问作者Hiimdjango