uitable

Signed-off-by: Innei <tukon479@gmail.com>

apps/mobile/packages/follow-native/example/App.tsx

@@ -1,15 +1,18 @@
-import { ListView } from "follow-native"
+import { TableView } from "follow-native"
 import { ScrollView } from "react-native"
 
 export default function App() {
   return (
-    <ScrollView contentContainerStyle={{ flex: 1 }} contentInsetAdjustmentBehavior="automatic">
-      <ListView
-        items={[
-          { id: "1", name: "Hello" },
-          { id: "2", name: "World" },
-        ]}
-      />
+    // <ScrollView contentContainerStyle={{ flex: 1 }} contentInsetAdjustmentBehavior="automatic">
+    //   <ListView
+    //     items={[
+    //       { id: "1", name: "Hello" },
+    //       { id: "2", name: "World" },
+    //     ]}
+    //   />
+    // </ScrollView>
+    <ScrollView>
+      <TableView />
     </ScrollView>
   )
 }

apps/mobile/packages/follow-native/expo-module.config.json

@@ -1,7 +1,7 @@
 {
   "platforms": ["apple", "android", "web"],
   "apple": {
-    "modules": ["ListModule"]
+    "modules": ["ListModule", "TableViewModule"]
   },
   "android": {
     "modules": ["expo.modules.follownative.ListModule"]

apps/mobile/packages/follow-native/ios/FollowNative.podspec

@@ -19,7 +19,7 @@ Pod::Spec.new do |s|
   s.static_framework = true
 
   s.dependency 'ExpoModulesCore'
-
+  s.dependency 'SnapKit', '~> 5.7.0'
   # Swift/Objective-C compatibility
   s.pod_target_xcconfig = {
     'DEFINES_MODULE' => 'YES',

apps/mobile/packages/follow-native/ios/TableView.swift

@@ -5,4 +5,41 @@
 //  Created by Innei on 2025/1/29.
 //
 
-import Foundation
+import ExpoModulesCore
+import UIKit
+
+class FOTableView: ExpoView, UITableViewDataSource, UITableViewDelegate {
+    var tableView: UITableView!
+
+    let data = [
+        "苹果", "香蕉", "橙子", "葡萄", "蓝莓", "草莓", "西瓜",
+    ]
+    required init(appContext: AppContext? = nil) {
+        super.init(appContext: appContext)
+
+      tableView = UITableView(frame: UIScreen.main.bounds)
+        addSubview(tableView)
+
+        tableView.dataSource = self
+        tableView.delegate = self
+        // 注册 UITableViewCell
+        tableView.register(UITableViewCell.self, forCellReuseIdentifier: "Cell")
+
+        // 添加 tableView 到主视图
+        addSubview(tableView)
+    }
+
+    // UITableViewDataSource 方法
+    func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
+        return data.count
+    }
+
+    func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
+        let cell = tableView.dequeueReusableCell(withIdentifier: "Cell", for: indexPath)
+
+        // 配置每一行的内容
+        cell.textLabel?.text = data[indexPath.row]
+
+        return cell
+    }
+}

apps/mobile/packages/follow-native/ios/TableViewModule.swift

@@ -5,4 +5,13 @@
 //  Created by Innei on 2025/1/29.
 //
 
-import Foundation
+import ExpoModulesCore
+
+public class TableViewModule: Module {
+  public func definition() -> ModuleDefinition {
+    Name("FOTableView")
+
+    View(FOTableView.self) {       
+    }
+  }
+}

apps/mobile/packages/follow-native/src/TableView.tsx

@@ -0,0 +1,8 @@
+import { requireNativeView } from "expo"
+import * as React from "react"
+
+const NativeView: React.ComponentType = requireNativeView("FOTableView")
+
+export default function TableView() {
+  return <NativeView />
+}

apps/mobile/packages/follow-native/src/index.ts

@@ -1 +1,2 @@
 export { default as ListView } from "./ListView"
+export { default as TableView } from "./TableView"