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)
        }
}

@ConstantinSaulenco Thanks - but how can I change this value. — Taimur Ajmal, Nov 17 '16 at 11:08

score 25 · Accepted Answer · answered Nov 22 '16 at 16:24

25

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.

answered Nov 22 '16 at 16:24

Rachel Unthank

302
2
7

23

The height of the widget in iOS 10+ is variable based on the system text size. 110 is the height with the default/medium text size, but it can be less than or greater than 110 if you decrease or increase the system text size in the Settings app. – Greg G Jul 26 '17 at 15:29
6

This answer does not cover all the states actually. It should be merged with @GregG comment :) – ridvankucuk Dec 19 '17 at 11:29
I wouldn't use this method going forward, please see my answer – MobileMon Apr 24 '19 at 18:58

MGY · Answer 2 · 2021-01-21T08:26:20.297

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

score 2 · Answer 3 · answered Apr 24 '19 at 18:58

To get the max height of the widgets active display mode, do this in your UIViewController

let context = self.extensionContext
if let context = context{
    let height = context.widgetMaximumSize(for: context.widgetActiveDisplayMode).height
}

To get the max height of expanded and compact individually regardless of the current display mode, do this:

var context = self.extensionContext
if let context = context{
    let compactHeight = context.widgetMaximumSize(for: .compact).height
    let expandedHeight = context.widgetMaximumSize(for: .expanded).height
}

Today Widget Extension Height - iOS10

3 Answers3

Swift 3 and later

Warning

Linked