材料设计的ButtomSheet没有正确显示 - 快速

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了材料设计的ButtomSheet没有正确显示 - 快速相关的知识,希望对你有一定的参考价值。

我试图将我的应用程序与称为material-componentsbottomSheet集成。当我实现该组件时,它正确地显示了我,但不像我期望的那样。

当它出现时,我一直向上滚动,那个bottomSheet不会粘在视图的底部

在这里它看起来像enter image description here

如何解决这个特殊问题?

这是代码

let viewController: UIViewController = UIViewController()

    viewController.view.backgroundColor = .red
    let bottomSheet: MDCBottomSheetController = MDCBottomSheetController(contentViewController: viewController)

    self.present(bottomSheet, animated: true, completion: nil)
答案

为什么不添加该特定viewController的一些内容。

创建tableViewController

import Foundation
import UIKit

class TableViewContent: UITableViewController {

  let cellId = "CellId"
  override func viewDidLoad() {
    super.viewDidLoad()

    tableView.register(UITableViewCell.self, forCellReuseIdentifier: cellId)

  }

  override func numberOfSections(in tableView: UITableView) -> Int {
     return 1
  }
  override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
     return 10
  }
  override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    let cell = tableView.dequeueReusableCell(withIdentifier: cellId, for: indexPath)
    cell.textLabel?.text = "Hello World"
    return cell
  }

}

创建该控制器后,将其添加到您提供的代码中:

 //       let viewController: UIViewController = UIViewController()
//
//        viewController.view.backgroundColor = .red
//        let size = viewController.view.sizeThatFits(view.bounds.size)
//        let viewFrame = CGRect(x: 0, y: 0, width: size.width, height: size.height)
//        viewController.view.frame = viewFrame

    let viewController = TableViewContent()

    let bottomSheet: MDCBottomSheetController = MDCBottomSheetController(contentViewController: viewController)

    self.present(bottomSheet, animated: true, completion: nil)

希望这会有所帮助......因为控制器是空的,所以它没有坚持到底,只是我的想法......

以上是关于材料设计的ButtomSheet没有正确显示 - 快速的主要内容,如果未能解决你的问题,请参考以下文章

材料日期范围选择器显示不正确的当前日期Android

如何在 vue 的故事书中显示材料设计图标

显示完全错误图标的材料设计图标

如何正确从材料设计 TextInputLayout 中获取文本?

包含谷歌材料设计图标的语法是正确的?

反应材料表不显示表格图标