4

我是 SwiftUI 的新手，正在尝试reverse在 Android中制作类似的东西LinearLayoutManager

messagesRecyclerView = view.findViewById(R.id.messagesRecyclerView);

manager = new LinearLayoutManager(activity, LinearLayoutManager.VERTICAL, true); // => true means reverse layout
messagesRecyclerView.setLayoutManager(manager);

在这种情况下，一切都是从下到上的。

我能找到的所有有用的东西都是tableview反向的： 从底部加载表格视图，向上滚动（反向表格视图）（iOS）

//In ViewDidLoad
conversationTableView.transform = CGAffineTransform(rotationAngle: -(CGFloat)(Double.pi));

//In cellForRowAtIndexPath
cell.transform = CGAffineTransform(rotationAngle: CGFloat(Double.pi));

但我不知道如何将它添加到List（似乎它只是 TableView 的包装器）。这里的另一种方法：如何从底部向上填充 UITableView？

                List {
                    ForEach(itemsData.messages) { item in
                        ChatRow(item: item)
                    }
                    Text("Load more messages...")
                        .onAppear() {
                            print("Load more messages...")
                            self.itemsData.next()
                    }
                }

我的假设是得到一些东西.onAppear或override方法来完成这项工作。

似乎 SwiftUI 还太年轻，无法深入。

另一个问题：他们有 API 以编程方式在 List 中滚动吗？

希望我没有重复任何问题。

将其用于匿名聊天应用https://en.lonje.com/

4

2 回答 2

11

UITableView翻转表格和每个单元格有一个技巧。所以它似乎是从底部填充的。你也可以在 SwiftUI 中做到这一点：

完全工作演示：

struct ContentView: View {
    @State private var ids = [String]()

    init() {
        UITableView.appearance().tableFooterView = UIView()
        UITableView.appearance().separatorStyle = .none
    }

    var body: some View {
        ZStack {
            List(ids, id: \.self) { id in
                Text(id).scaleEffect(x: 1, y: -1, anchor: .center)
            }.scaleEffect(x: 1, y: -1, anchor: .center)

            Button("Touch") {
                self.ids.append(UUID().uuidString)
            }
        }
    }
}
于 2019-10-22T21:15:55.283 回答
0

@cipais 的回答效果很好。 https://stackoverflow.com/a/61036551/12208004

List(chatController.messages, id: \.self) { message in
    MessageView(message.text, message.isMe)
        .rotationEffect(.radians(.pi))
        .scaleEffect(x: -1, y: 1, anchor: .center)
}
.rotationEffect(.radians(.pi))
.scaleEffect(x: -1, y: 1, anchor: .center)
于 2020-09-22T10:09:30.643 回答