@apexnative/navigation 1.0.0-alpha.5 → 1.0.0-alpha.7

package/ios/Layouts/Stack/ANNSwipePopInteraction.mm

@@ -0,0 +1,185 @@
+#import "ANNSwipePopInteraction.h"
+#import "ANNAssert.h"
+#import "ANNTransitionAnimator.h"
+
+// A flick faster than this, in points a second, ends the swipe by its direction alone.
+static const CGFloat ANNSwipeFlickSpeed = 500;
+
+// The rest of the pop plays at most this many times as fast as its own animation.
+static const CGFloat ANNSwipeMostSpeedUp = 3;
+
+@implementation ANNSwipePopInteraction {
+    ANNTransitionAnimator *_strongAnimator;
+    __weak UIPanGestureRecognizer *_recognizer;
+    __weak UIView *_view;
+    id<UIViewControllerContextTransitioning> _context;
+    // The interaction keeps itself while it follows the gesture: UIKit may let it go before the finger does.
+    ANNSwipePopInteraction *_keep;
+    // The gesture ended before UIKit started the transition: the end is chosen at the start.
+    BOOL _endedEarly;
+    BOOL _gaveUpEarly;
+    CGFloat _completionSpeed;
+}
+
+- (instancetype)initWithAnimator:(ANNTransitionAnimator *)animator
+                      recognizer:(UIPanGestureRecognizer *)recognizer
+                            view:(UIView *)view {
+    if (self = [super init]) {
+        _animator = animator;
+        _strongAnimator = animator;
+        _recognizer = recognizer;
+        _view = view;
+        _completionSpeed = 1;
+        _keep = self;
+        [recognizer addTarget:self action:@selector(swipe:)];
+    }
+    return self;
+}
+
+#pragma mark - UIViewControllerInteractiveTransitioning
+
+- (void)startInteractiveTransition:(id<UIViewControllerContextTransitioning>)transitionContext {
+    ANNAssertMainQueue();
+    ANNTransitionAnimator *animator = _strongAnimator;
+    if (!animator || _context) {
+        return;
+    }
+    _context = transitionContext;
+    [animator animateFollowingGesture:transitionContext];
+    UIGestureRecognizerState state = _recognizer.state;
+    BOOL moving = state == UIGestureRecognizerStateBegan || state == UIGestureRecognizerStateChanged;
+    if (_gaveUpEarly) {
+        [self endFinishing:NO speed:1];
+        return;
+    }
+    if (_endedEarly || !moving) {
+        [self letGo];
+        return;
+    }
+    [self follow];
+}
+
+- (CGFloat)completionSpeed {
+    return _completionSpeed;
+}
+
+// The frames play at an even pace to their end, so UIKit's part (the bar) does too.
+- (UIViewAnimationCurve)completionCurve {
+    return UIViewAnimationCurveLinear;
+}
+
+- (BOOL)wantsInteractiveStart {
+    return YES;
+}
+
+#pragma mark - The gesture
+
+- (void)swipe:(UIPanGestureRecognizer *)recognizer {
+    switch (recognizer.state) {
+        case UIGestureRecognizerStateBegan:
+        case UIGestureRecognizerStateChanged:
+            [self follow];
+            break;
+        case UIGestureRecognizerStateEnded:
+            [self letGo];
+            break;
+        case UIGestureRecognizerStateCancelled:
+        case UIGestureRecognizerStateFailed:
+            [self giveUp];
+            break;
+        default:
+            break;
+    }
+}
+
+- (void)follow {
+    if (!_context) {
+        return;
+    }
+    if (_strongAnimator.isCompleted) {
+        [self stop];
+        return;
+    }
+    CGFloat progress = [self progress];
+    [_strongAnimator setProgress:progress];
+    [_context updateInteractiveTransition:progress];
+}
+
+// The finger left: a flick decides by its direction, a slow release by how far the swipe went.
+- (void)letGo {
+    if (!_context) {
+        [self endedEarlyGivingUp:NO];
+        return;
+    }
+    CGFloat velocity = [self alongBack:[_recognizer velocityInView:_view].x];
+    BOOL finish = velocity > ANNSwipeFlickSpeed ||
+                  (velocity >= -ANNSwipeFlickSpeed && [self progress] > 0.5);
+    // The rest takes the finger's pace when that is quicker than the animation's: the animation would cover the width
+    // in its length, the finger in width / velocity.
+    CGFloat width = MAX(_view.bounds.size.width, 1);
+    BOOL withFinger = finish ? velocity > 0 : velocity < 0;
+    CGFloat speed = withFinger ? fabs(velocity) * _strongAnimator.length / width : 1;
+    [self endFinishing:finish speed:MIN(MAX(speed, 1.0), ANNSwipeMostSpeedUp)];
+}
+
+// The system took the touch (a call, a second gesture): the screen goes back.
+- (void)giveUp {
+    if (!_context) {
+        [self endedEarlyGivingUp:YES];
+        return;
+    }
+    [self endFinishing:NO speed:1];
+}
+
+// UIKit holds an interaction it starts; one it never starts goes once the gesture ended.
+- (void)endedEarlyGivingUp:(BOOL)gaveUp {
+    _endedEarly = YES;
+    _gaveUpEarly = gaveUp;
+    [_recognizer removeTarget:self action:@selector(swipe:)];
+    _keep = nil;
+}
+
+- (void)endFinishing:(BOOL)finish speed:(CGFloat)speed {
+    id<UIViewControllerContextTransitioning> context = _context;
+    ANNTransitionAnimator *animator = _strongAnimator;
+    [self stop];
+    if (!context || !animator || animator.isCompleted) {
+        return;
+    }
+    // UIKit reads the speed as it ends its own part of the transition.
+    _completionSpeed = speed;
+    if (finish) {
+        [context finishInteractiveTransition];
+        [animator finishWithSpeed:speed];
+    } else {
+        [context cancelInteractiveTransition];
+        [animator rewindWithSpeed:speed];
+    }
+}
+
+// The part of the width the finger went in the direction of the swipe back.
+- (CGFloat)progress {
+    UIView *view = _view;
+    CGFloat width = view.bounds.size.width;
+    if (width <= 0) {
+        return 0;
+    }
+    CGFloat along = [self alongBack:[_recognizer translationInView:view].x];
+    return MIN(MAX(along / width, 0.0), 1.0);
+}
+
+// A move across the view, positive in the direction of the swipe back: rightward, leftward in a right-to-left layout.
+- (CGFloat)alongBack:(CGFloat)x {
+    BOOL rightToLeft =
+        _view.effectiveUserInterfaceLayoutDirection == UIUserInterfaceLayoutDirectionRightToLeft;
+    return rightToLeft ? -x : x;
+}
+
+- (void)stop {
+    [_recognizer removeTarget:self action:@selector(swipe:)];
+    _context = nil;
+    _strongAnimator = nil;
+    _keep = nil;
+}
+
+@end

package/ios/Layouts/Stack/InteractivePopGestureDelegate.mm

@@ -86,10 +86,11 @@ static BOOL ANNIsOwnQuestionOfUIKit(SEL selector) {
 
 #pragma mark - UIGestureRecognizerDelegate
 
-// The order: `popGesture` first (with `false` there is neither a swipe nor the hold's event), then one screen or a
-// stack not at rest, then the hold (its event instead of the swipe), then the edge swipe under a hidden bar begins
-// without UIKit's delegate, and otherwise UIKit's delegate decides (its direction, a vertical scroll of the content). A
-// top that isn't the stack's own (a column UIKit's split view moved in) is UIKit's.
+// The order: which of the stack's swipes plays first (`swipeBackTakes:`: the stack's own while the top's pop follows
+// the finger, UIKit's otherwise), then `popGesture` (with `false` there is neither a swipe nor the hold's event), then
+// one screen or a stack not at rest, then the hold (its event instead of the swipe), then the edge swipe under a hidden
+// bar begins without UIKit's delegate, and otherwise UIKit's delegate decides (its direction, a vertical scroll of the
+// content). A top that isn't the stack's own (a column UIKit's split view moved in) is UIKit's.
 //
 // Every pan in the content is offered to the content swipe, so it is first sorted: a pan that isn't a swipe back
 // (vertical, the other way) is no attempt, and neither is one on a list that scrolls sideways, which takes the pan
@@ -97,6 +98,10 @@ static BOOL ANNIsOwnQuestionOfUIKit(SEL selector) {
 // hidden bar it refuses them all, and the swipe sorts them itself, as the edge swipe begins there without it.
 - (BOOL)gestureRecognizerShouldBegin:(UIGestureRecognizer *)gestureRecognizer {
     ANNStackController *stack = _stack;
+    // One swipe plays the pop: the stack's own while the top's pop follows the finger, UIKit's otherwise.
+    if (stack && ![stack swipeBackTakes:gestureRecognizer]) {
+        return NO;
+    }
     if (stack && ![stack swipeBackIsUIKits:gestureRecognizer]) {
         if (!_enabled || ![stack swipeBackMayBegin]) {
             return NO;
@@ -191,6 +196,25 @@ static BOOL ANNIsOwnQuestionOfUIKit(SEL selector) {
     return YES;
 }
 
+// A list under the stack's own swipe waits for it, as for UIKit's edge swipe: a swipe from the edge goes back, also on
+// a list that scrolls sideways. UIKit's swipes keep UIKit's answer.
+- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer
+    shouldBeRequiredToFailByGestureRecognizer:(UIGestureRecognizer *)otherGestureRecognizer {
+    ANNStackController *stack = _stack;
+    if (stack && [stack swipeBackIsStacks:gestureRecognizer]) {
+        UIView *view = otherGestureRecognizer.view;
+        return [view isKindOfClass:UIScrollView.class] &&
+               otherGestureRecognizer == ((UIScrollView *)view).panGestureRecognizer;
+    }
+    id<UIGestureRecognizerDelegate> systemDelegate = _systemDelegate;
+    SEL question = @selector(gestureRecognizer:shouldBeRequiredToFailByGestureRecognizer:);
+    if ([systemDelegate respondsToSelector:question]) {
+        return [systemDelegate gestureRecognizer:gestureRecognizer
+            shouldBeRequiredToFailByGestureRecognizer:otherGestureRecognizer];
+    }
+    return NO;
+}
+
 #pragma mark - The rest goes to UIKit's delegate
 
 - (void)setBarHidden:(BOOL)barHidden {

package/ios/Layouts/Tabs/ANNBottomTabsAccessoryView.h

@@ -2,6 +2,8 @@
 #import "ANNReactView.h"
 #import <UIKit/UIKit.h>
 
+NS_ASSUME_NONNULL_BEGIN
+
 /**
  * The content of the tab bar's bottom accessory (iOS 26): the React component fills it, and the
  * component gets `bottomAccessoryPlacementChanged` when UIKit moves the accessory between the
@@ -10,8 +12,17 @@
 @interface ANNBottomTabsAccessoryView : UIView
 
 - (instancetype)initWithReactView:(ANNReactView *)reactView
-                     eventEmitter:(ANNEventEmitter *)eventEmitter;
+                     eventEmitter:(nullable ANNEventEmitter *)eventEmitter;
 
 @property(nonatomic, strong, readonly) ANNReactView *reactView;
 
+/**
+ * `handler` runs once when the view is out of a window: at once when it is already, else when it
+ * leaves it, so a replaced accessory shows to the end of whatever UIKit draws of it. nil cancels a
+ * handler not run yet.
+ */
+- (void)whenOutOfWindow:(nullable dispatch_block_t)handler;
+
 @end
+
+NS_ASSUME_NONNULL_END

package/ios/Layouts/Tabs/ANNBottomTabsAccessoryView.mm

@@ -3,6 +3,7 @@
 @implementation ANNBottomTabsAccessoryView {
     ANNEventEmitter *_eventEmitter;
     NSString *_placement;
+    dispatch_block_t _outOfWindowHandler;
 }
 
 - (instancetype)initWithReactView:(ANNReactView *)reactView
@@ -32,6 +33,28 @@
     }];
 }
 
+- (void)whenOutOfWindow:(dispatch_block_t)handler {
+    _outOfWindowHandler = nil;
+    if (!handler) {
+        return;
+    }
+    if (!self.window) {
+        handler();
+        return;
+    }
+    _outOfWindowHandler = [handler copy];
+}
+
+- (void)didMoveToWindow {
+    [super didMoveToWindow];
+    dispatch_block_t handler = _outOfWindowHandler;
+    if (self.window || !handler) {
+        return;
+    }
+    _outOfWindowHandler = nil;
+    handler();
+}
+
 // UIKit sets the environment when the accessory is shown and changes it as the tab bar minimizes
 // and expands.
 - (void)tabAccessoryEnvironmentDidChange API_AVAILABLE(ios(26.0)) {

package/ios/Layouts/Tabs/ANNBottomTabsController.mm

@@ -598,10 +598,11 @@ static void ANNStacksOfNode(UIViewController *node, NSMutableArray<ANNStackContr
     [[self tabsPresenter] tabsDidLayOut];
 }
 
-// `afterInitialTab` goes on at the tabs' first appearance at the latest.
+// `afterInitialTab` goes on at the tabs' first appearance at the latest; a dot that waited for the window shows.
 - (void)viewDidAppear:(BOOL)animated {
     [super viewDidAppear:animated];
     [self scheduleChain];
+    [[self tabsPresenter] tabsDidAppear];
 }
 
 #pragma mark - Rendering and the preload window

package/ios/Layouts/Tabs/ANNBottomTabsCustomRow.mm

@@ -126,8 +126,13 @@ static const CGFloat ANNWideRowMargin = 16;
     if (self.superview != host) {
         [host addSubview:self];
     }
-    [host bringSubviewToFront:self];
-    // The system bar keeps its place and shows nothing; UIKit makes its subviews anew on a size change.
+    if (host.subviews.lastObject != self) {
+        [host bringSubviewToFront:self];
+    }
+    // The system bar keeps its place and shows nothing; UIKit makes its subviews anew on a size change. Not the bar's
+    // `alpha`: UIKit puts it back to 1 when the bar shows, on a pop with `hidesBottomBarWhenPushed`, and on iOS 27 on
+    // a rotation and a theme change, after the tabs' layout (a check here misses it); alpha 0 also drops the system's
+    // soft fade at the bottom.
     for (UIView *subview in bar.subviews) {
         if (!subview.hidden) {
             subview.hidden = YES;
@@ -193,6 +198,7 @@ static const CGFloat ANNWideRowMargin = 16;
         extra = MAX(0, CGRectGetMinY(barFrame) - CGRectGetMinY(frame));
     }
     BOOL hidden = wide ? _hiddenByOptions : (tabs.barHidden || bar.hidden);
+    // A new size lays the cells out again by itself; the same frame changes nothing.
     if (!CGRectEqualToRect(self.frame, frame)) {
         self.frame = frame;
     }
@@ -203,7 +209,6 @@ static const CGFloat ANNWideRowMargin = 16;
         _background.layer.cornerRadius = radius;
     }
     [self setExtraSafeArea:hidden ? 0 : extra];
-    [self setNeedsLayout];
 }
 
 - (void)setHiddenByOptions:(BOOL)hiddenByOptions {

package/ios/Layouts/Tabs/ANNBottomTabsPresenter.h

@@ -55,6 +55,10 @@ NS_ASSUME_NONNULL_BEGIN
 /// The tabs laid out (and before they appear): the dots, the buttons' `testID`s, the custom row.
 - (void)tabsDidLayOut;
 
+/// The tabs appeared, in a window: a dot set while they were out of it (under a modal over the whole screen) is
+/// placed now, as no layout may follow.
+- (void)tabsDidAppear;
+
 /// The bar laid out in a window for the first time: the titles are set again, so that the bar measures them at their
 /// real place.
 - (void)barDidLayOutInWindow;

package/ios/Layouts/Tabs/ANNBottomTabsPresenter.mm

@@ -12,9 +12,6 @@
 
 // The dot of a tab before iOS 26: its default size and color.
 static const CGFloat ANNDotDefaultSize = 6;
-// A button not there yet gets its `testID` again this often, at most this many times (`bottomTab.testID`).
-static const NSTimeInterval ANNTestIDRetryInterval = 0.15;
-static const NSUInteger ANNTestIDRetries = 5;
 
 // A picture of `color` (both of its styles when it is dynamic): the bar's 1×1 background and the border's line.
 static UIImage *ANNImageOfColor(UIColor *color, CGSize size) {
@@ -63,13 +60,23 @@ static id ANNValue(NSArray *list, NSUInteger index) {
     NSMutableArray<NSNumber *> *_roleItems;
     // The identifiers the buttons had before the core gave them a `testID`, to give back.
     NSMapTable<UIView *, NSString *> *_buttonIds;
+    // What the `testID`s and the dots were last applied to: the bar's items, the button of each tab and of More, the
+    // bar's size and its traits. UIKit makes the buttons anew (rotation, text size, items moving between the bar and
+    // More), and a layout that finds other buttons applies them again.
+    NSPointerArray *_appliedButtons;
+    CGSize _appliedBarSize;
+    UITraitCollection *_appliedBarTraits;
     BOOL _tabsAreSet;
     BOOL _titlesHidden;
+    // A dot that shows was placed while its button had no window (the tabs under a full-screen modal): it hides then,
+    // and the next layout in the window places it, whatever the check of the buttons says.
+    BOOL _dotsWaitForWindow;
     // The bar's look: its options, and the background and border every item's look starts from.
     ANNBottomTabsOptions *_barOptions;
     UITabBarAppearance *_base;
     ANNBottomTabsCustomRow *_row;
-    // The accessory shown (its id), and the content view of each accessory made, kept until the tabs go.
+    // The accessory shown (its id), and the content view of each accessory made: kept while hidden, until another
+    // accessory shows or the tabs go.
     NSString *_accessoryId;
     NSMutableDictionary<NSString *, ANNBottomTabsAccessoryView *> *_accessoryViews;
     // The pictures of the bar's colors by color and size.
@@ -123,6 +130,7 @@ static id ANNValue(NSArray *list, NSUInteger index) {
     _dotViews = [NSMutableArray new];
     _roleItems = [NSMutableArray new];
     _buttonIds = [NSMapTable weakToStrongObjectsMapTable];
+    _appliedButtons = [NSPointerArray weakObjectsPointerArray];
     _accessoryViews = [NSMutableDictionary new];
     _colorImages = [NSMutableDictionary new];
     _iconLoads = [NSMutableDictionary new];
@@ -251,7 +259,7 @@ static id ANNValue(NSArray *list, NSUInteger index) {
         [_row applyOptions:resolvedOptions.bottomTabs.customRow];
     }
     [self applyAccessoryOf:resolvedOptions animated:NO];
-    [self applyButtonTestIDsWithRetries:ANNTestIDRetries];
+    [self applyButtonTestIDs];
 }
 
 #pragma mark - ANNNodePresenter
@@ -315,7 +323,7 @@ static id ANNValue(NSArray *list, NSUInteger index) {
     }
     [self buildItemAtIndex:index bottomTab:bottomTab updatesBadgeAndDot:badgeAndDot];
     [self updateCells];
-    [self applyButtonTestIDsWithRetries:mergeOptions.testID.hasValue ? ANNTestIDRetries : 0];
+    [self applyButtonTestIDs];
 }
 
 // The whole item from `bottomTab`; the badge and the dot from it only with `updatesBadgeAndDot`.
@@ -589,6 +597,7 @@ static ANNBottomTabOptions *ANNWithIcons(ANNBottomTabOptions *bottomTab, NSArray
     if (anyDot) {
         [bar layoutIfNeeded];
     }
+    BOOL waitsForWindow = NO;
     for (NSUInteger index = 0; index < tabs.layoutTabs.count; index++) {
         ANNTabDotView *view = ANNValue(_dotViews, index);
         if (!view) {
@@ -602,49 +611,36 @@ static ANNBottomTabOptions *ANNWithIcons(ANNBottomTabOptions *bottomTab, NSArray
         }
         UITabBarItem *item = tabs.layoutTabs[index].tabBarItem;
         BOOL inBar = [bar.items indexOfObjectIdenticalTo:item] != NSNotFound;
-        [view placeOverButton:inBar ? [bar viewOfItem:item] : nil inBar:bar];
+        UIView *button = inBar ? [bar viewOfItem:item] : nil;
+        waitsForWindow = waitsForWindow || (inBar && !button.window);
+        [view placeOverButton:button inBar:bar];
     }
+    _dotsWaitForWindow = waitsForWindow;
 }
 
 #pragma mark - testID (`bottomTab.testID`, `bottomTabs.moreTestID`)
 
-// Each tab's button carries its `testID`; a button not there yet gets it again after 0.15 s, at most 5 times; a
-// removed `testID` gives the button its identifier back.
-- (void)applyButtonTestIDsWithRetries:(NSUInteger)retries {
+// Each tab's button carries its `testID`; a removed `testID` gives the button its identifier back. A button not
+// there yet gets it at the layout that finds it (`tabsDidLayOut`).
+- (void)applyButtonTestIDs {
     ANNBottomTabsController *tabs = self.tabs;
     UITabBar *bar = tabs.tabBar;
     if (!tabs || !bar) {
         return;
     }
-    BOOL missing = NO;
     for (NSUInteger index = 0; index < tabs.layoutTabs.count; index++) {
         UITabBarItem *item = tabs.layoutTabs[index].tabBarItem;
-        NSString *testID = item.accessibilityIdentifier;
         UIView *button = [bar viewOfItem:item];
-        if (!button) {
-            missing = missing || testID.length > 0;
-            continue;
+        if (button) {
+            [self setTestID:item.accessibilityIdentifier ofButton:button];
         }
-        [self setTestID:testID ofButton:button];
     }
     if (tabs.layoutTabs.count > 5) {
-        NSString *moreTestID = [_barOptions.moreTestID withDefault:nil];
         UIView *button = [bar viewOfItem:tabs.moreNavigationController.tabBarItem];
         if (button) {
-            [self setTestID:moreTestID ofButton:button];
-        } else {
-            missing = missing || moreTestID.length > 0;
+            [self setTestID:[_barOptions.moreTestID withDefault:nil] ofButton:button];
         }
     }
-    if (!missing || retries == 0) {
-        return;
-    }
-    __weak ANNBottomTabsPresenter *weakSelf = self;
-    dispatch_after(
-        dispatch_time(DISPATCH_TIME_NOW, (int64_t)(ANNTestIDRetryInterval * NSEC_PER_SEC)),
-        dispatch_get_main_queue(), ^{
-          [weakSelf applyButtonTestIDsWithRetries:retries - 1];
-        });
 }
 
 - (void)setTestID:(NSString *)testID ofButton:(UIView *)button {
@@ -728,8 +724,9 @@ static ANNBottomTabOptions *ANNWithIcons(ANNBottomTabOptions *bottomTab, NSArray
                     warned = YES;
                     RCTLogWarn(
                         @"[ApexNavigation] bottomTabs.backgroundColor is ignored with Liquid "
-                        @"Glass (iOS 26). It applies with UIDesignRequiresCompatibility and on "
-                        @"earlier iOS versions.");
+                        @"Glass (iOS 26). It applies before iOS 26 and where UIKit keeps the "
+                        @"earlier design for UIDesignRequiresCompatibility (iOS 26; iOS 27 only "
+                        @"for an app built with an SDK before iOS 27).");
                 }
             }
         }
@@ -969,14 +966,15 @@ static ANNBottomTabOptions *ANNWithIcons(ANNBottomTabOptions *bottomTab, NSArray
         [tabs updateRootLayoutOfShownScreens];
     }
     if (mergeOptions.testID.hasValue || mergeOptions.moreTestID.hasValue) {
-        [self applyButtonTestIDsWithRetries:ANNTestIDRetries];
+        [self applyButtonTestIDs];
     }
 }
 
 #pragma mark - The accessory (iOS 26)
 
-// No name or `visible: false`: no accessory. The same id shown: nothing; another: a new one. A root of an id stays
-// with the tabs once made, so one hidden and shown again keeps its state.
+// No name or `visible: false`: no accessory. The same id shown: nothing; another: a new one. A hidden accessory keeps
+// its root, so one hidden and shown again keeps its state; the roots of the other ids stop once another accessory
+// shows and theirs is out of the window.
 - (void)applyAccessoryOf:(ANNNavigationOptions *)options animated:(BOOL)animated {
     if (@available(iOS 26.0, *)) {
         ANNBottomTabsController *tabs = self.tabs;
@@ -1012,8 +1010,37 @@ static ANNBottomTabOptions *ANNWithIcons(ANNBottomTabOptions *bottomTab, NSArray
             return;
         }
         _accessoryId = componentId;
+        [view whenOutOfWindow:nil];
         UITabAccessory *tabAccessory = [[UITabAccessory alloc] initWithContentView:view];
         [tabs setBottomAccessory:tabAccessory animated:animated && inWindow];
+        [self stopAccessoriesOtherThan:componentId];
+    }
+}
+
+// The roots of the accessories not shown stop, each once its view is out of the window, unless it shows again first.
+- (void)stopAccessoriesOtherThan:(NSString *)shownId {
+    ANNBottomTabsController *tabs = self.tabs;
+    __weak ANNBottomTabsPresenter *weakSelf = self;
+    __weak ANNReactComponentRegistry *weakComponents = tabs.components;
+    for (NSString *componentId in _accessoryViews.allKeys) {
+        if ([componentId isEqualToString:shownId]) {
+            continue;
+        }
+        ANNBottomTabsAccessoryView *view = _accessoryViews[componentId];
+        __weak ANNBottomTabsAccessoryView *weakView = view;
+        [view whenOutOfWindow:^{
+          ANNBottomTabsPresenter *presenter = weakSelf;
+          ANNBottomTabsAccessoryView *gone = weakView;
+          if (!presenter || !gone || presenter->_accessoryViews[componentId] != gone ||
+              [presenter->_accessoryId isEqualToString:componentId]) {
+              return;
+          }
+          [presenter->_accessoryViews removeObjectForKey:componentId];
+          ANNReactComponentRegistry *components = weakComponents;
+          if ([components existingComponent:componentId] == gone.reactView) {
+              [components removeChildComponent:componentId];
+          }
+        }];
     }
 }
 
@@ -1062,18 +1089,78 @@ static ANNBottomTabOptions *ANNWithIcons(ANNBottomTabOptions *bottomTab, NSArray
     [self updateCells];
 }
 
+// The `testID`s and the dots go on the buttons again only when the bar has other buttons than they were applied to,
+// another size or other traits; a merge and a rebuilt item apply them at once. A dot placed out of the window waits
+// for the next layout.
 - (void)tabsDidLayOut {
     if (!_tabsAreSet) {
         return;
     }
     [self updateHiddenTitles];
-    if (!ANNTabsDesign.isGlass) {
+    BOOL changed = [self barChangedSinceApplied];
+    if ((changed || _dotsWaitForWindow) && !ANNTabsDesign.isGlass) {
         [self placeDots];
     }
-    [self applyButtonTestIDsWithRetries:0];
+    if (changed) {
+        [self applyButtonTestIDs];
+    }
     [_row layOutInTabs];
 }
 
+- (void)tabsDidAppear {
+    if (_tabsAreSet && _dotsWaitForWindow && !ANNTabsDesign.isGlass) {
+        [self placeDots];
+    }
+}
+
+// The bar's items and the button of each tab and of More, by pointer, against those last seen; no walk through the
+// buttons. An item moving between the bar and More changes the items. The tabs lay out before the bar does: a tab in
+// the bar without its button yet makes the bar lay out first.
+- (BOOL)barChangedSinceApplied {
+    ANNBottomTabsController *tabs = self.tabs;
+    UITabBar *bar = tabs.tabBar;
+    if (!tabs || !bar) {
+        return NO;
+    }
+    NSArray<UIViewController *> *layoutTabs = tabs.layoutTabs;
+    NSArray<UITabBarItem *> *barItems = bar.items;
+    NSUInteger tabCount = layoutTabs.count + (layoutTabs.count > 5 ? 1 : 0);
+    NSMutableArray *seen = [NSMutableArray arrayWithArray:barItems];
+    BOOL laidOut = NO;
+    for (NSUInteger index = 0; index < tabCount; index++) {
+        UITabBarItem *item = index < layoutTabs.count ? layoutTabs[index].tabBarItem
+                                                      : tabs.moreNavigationController.tabBarItem;
+        UIView *button = [bar viewOfItem:item];
+        if (!button && !laidOut && bar.window &&
+            [barItems indexOfObjectIdenticalTo:item] != NSNotFound) {
+            laidOut = YES;
+            [bar layoutIfNeeded];
+            button = [bar viewOfItem:item];
+        }
+        [seen addObject:button ?: NSNull.null];
+    }
+    NSUInteger count = seen.count;
+    BOOL changed = _appliedButtons.count != count;
+    for (NSUInteger index = 0; index < count && !changed; index++) {
+        id object = seen[index] == NSNull.null ? nil : seen[index];
+        changed = (__bridge void *)object != [_appliedButtons pointerAtIndex:index];
+    }
+    CGSize size = bar.bounds.size;
+    UITraitCollection *traits = bar.traitCollection;
+    changed = changed || !CGSizeEqualToSize(size, _appliedBarSize) ||
+              ![traits isEqual:_appliedBarTraits];
+    if (!changed) {
+        return NO;
+    }
+    _appliedButtons.count = 0;
+    for (id object in seen) {
+        [_appliedButtons addPointer:object == NSNull.null ? NULL : (__bridge void *)object];
+    }
+    _appliedBarSize = size;
+    _appliedBarTraits = traits;
+    return YES;
+}
+
 // The glass bar measures a title when it is set and keeps that size: a title set before the bar was ever in a window
 // was measured in a button of its first layout there, when the bar's floating platter had no size yet, and stays cut
 // short ("Sec…") and lower than a title measured later. Neither a layout of the bar nor of its buttons measures it

package/ios/Layouts/Tabs/ANNTabsDesign.h

@@ -2,16 +2,17 @@
 
 NS_ASSUME_NONNULL_BEGIN
 
-/// Which design UIKit draws the bars in: the Liquid Glass of iOS 26, or the design before it, which iOS 26 keeps when
-/// the app's Info.plist has `UIDesignRequiresCompatibility = YES` (the compatibility mode). The key is read once per
-/// process. Every place of the core that depends on the design asks here (the module `UITabBar+utils` keeps its own
-/// copy).
+/// Which design UIKit draws the bars in: the Liquid Glass of iOS 26, or the design before it, which UIKit keeps when
+/// the app's Info.plist has `UIDesignRequiresCompatibility = YES` (the compatibility mode): on iOS 26, and on iOS 27
+/// only for an app built with an SDK before iOS 27. The key is read once per process. Every place of the core that
+/// depends on the design asks here.
 @interface ANNTabsDesign : NSObject
 
 /// iOS 26 or later, and not the compatibility mode.
 @property(class, nonatomic, readonly) BOOL isGlass;
 
-/// iOS 26 or later with `UIDesignRequiresCompatibility = YES`: the bars look as before iOS 26.
+/// iOS 26 or later with `UIDesignRequiresCompatibility = YES`, where UIKit honors it (not on iOS 27 and later for an
+/// app built with the iOS 27 SDK): the bars look as before iOS 26.
 @property(class, nonatomic, readonly) BOOL isCompatibilityMode;
 
 /// iOS 18 and later on an iPad or a Mac in a regular width: the system's tab bar is on top (or in the sidebar), and