Today Widget Extension Height - iOS10

Question

The height for the Today's widget view mode cannot be set for compact Mode. No matter whatever value I set. It sets the height of the widget to a default value. The expanded mode works perfect and the value is properly set and reflected in the widget. I have already added this line in my viewDidLoad() method.

self.extensionContext?.widgetLargestAvailableDisplayMode = .expanded 

Here is the code. The value of maxSize cannot be changed too as its a constant.

func widgetActiveDisplayModeDidChange(_ activeDisplayMode: NCWidgetDisplayMode, withMaximumSize maxSize: CGSize) {          //self.preferredContentSize = (activeDisplayMode == .compact) ? maxSize : CGSize(width: maxSize.width, height: 300)          if activeDisplayMode == NCWidgetDisplayMode.compact         {              self.preferredContentSize = CGSize(width: maxSize.width, height: 300)         }         else         {             self.preferredContentSize = CGSize(width: maxSize.width, height: 560)         } } 

Answer 1

The height of the widget in iOS 10 is exactly 110 in compact mode. It can be set to whatever height you want in expanded mode, but in compact mode it will always be 110 and that can't be overwritten.

Answer 2

Solution is setting the preferredContentSize at viewDidLoad method.

Here is the example:

Swift 3 and later

override func viewDidLoad() {      super.viewDidLoad()          self.preferredContentSize = CGSize(width:self.view.frame.size.width, height:210)          if #available(iOSApplicationExtension 10.0, *) {         self.extensionContext?.widgetLargestAvailableDisplayMode = .expanded     } }    @available(iOS 10.0, *)     @available(iOSApplicationExtension 10.0, *)     func widgetActiveDisplayModeDidChange(_ activeDisplayMode: NCWidgetDisplayMode, withMaximumSize maxSize: CGSize) {         if activeDisplayMode == .expanded {             self.preferredContentSize = CGSize(width: self.view.frame.size.width, height: CGFloat(3)*self.tableView.rowHeight)         }else if activeDisplayMode == .compact{             self.preferredContentSize = CGSize(width: maxSize.width, height: 110)         }     } 

Warning

You should use your specific height for your case. 110 is valid in my scenario.

Hope this will fix your issue.

Best