Changed the resize function on the native side to fix the weird sizing issue.
Added a new symbolImageSize attribute to control the size from the JS side.
Solution Description
This builds on top of #146.
CarPlay has the following recommendation for the symbol size.
However, I wasn't able to achieve the inline Symbol and Instruction(the first one) design by using the primary and secondary resize options. So, I have exposed a new attribute symbolImageSize to set the image size. This allows for finer control from the JS side. The calculation for the image size happens on the JS side and takes the scale of the CarPlay window and the image into account.
What has changed?
symbolImageSizeattribute to control the size from the JS side.Solution Description
This builds on top of #146.
CarPlay has the following recommendation for the symbol size.
However, I wasn't able to achieve the inline Symbol and Instruction(the first one) design by using the
primaryandsecondaryresize options. So, I have exposed a new attributesymbolImageSizeto set the image size. This allows for finer control from the JS side. The calculation for the image size happens on the JS side and takes the scale of the CarPlay window and the image into account.Demo
Previous Implementation
New Implementation
Symbol Image and Instruction in one line
Symbol Image and Instruction on separate line