Hi,
I’m trying to fix the position of a tab bar element in my stack layout / artboard. It’s build of tab symbols that are stacked within the tab bar symbol.
However, the tab bar is not visible, when it is positioned somwhere in the bottom area in the stack layout and fixed in position.
This occurs in the app preview, the Sketch Mirror App and online.
I tried placing the symbol in a stack, detaching the symbol… that didn’t change anything though. I don’t get it, fixing the header works fine - are there any ideas?
Hi Carmen.
The reason your tab bar is not showing up as expected at the bottom of the Prototype Player window is because, although this layer is fixed in position, it has not been pinned to the bottom of your Frame.
Ordinarily you can just select the layer and apply the bottom pinning in the Inspector. However, I note that your top-level Frame here is set as a Stack, which is preventing pinning from being applied, as the Stack rules are taking priority.
You can still fix this though, if you temporarily turn off the Stack setting on the top-level Frame, then apply the bottom pinning on the tab bar, and then re-apply the Stack on the top-level Frame again.
This is a workaround which I think should not be necessary, so I’m taking this case to the development team to have a look at.
Thanks for bringing this to our attention.
Hi Brett,
thanks so much for looking into it and responding so quickly
Yay, that did the trick indeed and the little workaround with temporarily turning the stack off is fine for me as well. I just couldn’t wrap my head around why the header position worked, but the bottom one did not… the explanation with not having pinned the item makes sense though.
