语言

Menu
Sites
Language
Flexbox not working

Hi there,

im currently developing an app for the samsung Gear 2.

As i am designing the UI myself and its extremely annoying to do so on the wear as it takes very long until the changes are on the device, i designed the layout using chrome.

I used flexboxes several times. They do not seem to work on the Gear 2. I don't want to replace them by floats if possible.
Is there any way to make them work? Is there a new Software version (current: R750XXU1BOC1)?

Thanks in advance,

Jakob

响应

6 回复
pius lee

As I know, Gear2 use Tizen 2.2.1.

following the next 2.2.1 spec, 2.2.1 use webkit 537.3

https://source.tizen.org/sites/default/files/page/tizen-2.2.1-compliance-specification-for-mobile-profile-v1.0.pdf

 

I don't have gear2 or gear2 sdk, but when I test flexbox example in MDN on my 2.4 SDK (webkit 537.3), It works.

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes

 

Did you test what properties in CSS ?

 

Jakob Schrettenbrunner

I only used the new properties (display: flex;).

I did not know that Tizen uses WebKit so now I am using the (display: -webkit-flex;) as well and it works.

Thank you very much ;)

Filokostas

We are also having layout problems related to FLEX, on TIZEN TVs.

Does the same problem exist on TVs too?

Does anyone have information on that and what to do?

Thanks!

Filokostas

Thank you,

I changed all 'flex' related properties to use the '-webkit' prefix and now it seems to work.

However, I really need to do this conditionally.

Is anybody here from SAMSUNG to provide us a table with which version supports the new 'flex' and which ones the '-webkit' flex?

Also, it appears that animations are very sluggish and in general the JS code is slow (we have 'TIZEN TV UE48JS9000' on the latest firmware 4710).

Thank you!

John Ixion

you'll find more info about TV models here: https://www.samsungdforum.com/Tizen/Spec#GeneralFeatures