airbnb/react-sketchapp

Symbol Master Layout options for resizing with overrides

johmike opened this issue · 0 comments

I'm trying to accomplish a button that resizes based on the text override. The react component works correctly when used in a react project. When imported into sketch the button widths are set based on the width of the original text that was used to create the override.

However changing the override on an instance of the symbol the doesn't resize the shape of the button. I can manually make this work in Sketch by applying "Auto Width" to the text property and editing the Symbol Layout property to "Horizontal" resizing.

image

However as I work on other components (or any update, really) these selections get reset by the updated import in sketch, so I have to manually set them all again, every time, forever? Is there a way to add autoWidth for text (I tried resizeContstraints fixedWidth = false to no avail) and Layout mode horizontal during makeSymbol?