From 47a7ff7af8f6c76983cbd3751e7a299b87417034 Mon Sep 17 00:00:00 2001 From: mdonev Date: Thu, 14 Dec 2017 19:20:01 +0200 Subject: [PATCH] docs(layout containers) add flexbox layout content --- docs/img/modules/layouts/flexbox-layout1.png | Bin 0 -> 2951 bytes docs/img/modules/layouts/flexbox-layout2.png | Bin 0 -> 2844 bytes docs/img/modules/layouts/flexbox-layout3.png | Bin 0 -> 3117 bytes docs/img/modules/layouts/flexbox-layout4.png | Bin 0 -> 3137 bytes docs/img/modules/layouts/flexbox-layout5.png | Bin 0 -> 3090 bytes docs/img/modules/layouts/flexbox-layout6.png | Bin 0 -> 3025 bytes docs/img/modules/layouts/grid-layout3.png | Bin 1464 -> 2601 bytes docs/ui/layout-containers.md | 357 +++++++++++++++---- 8 files changed, 288 insertions(+), 69 deletions(-) create mode 100644 docs/img/modules/layouts/flexbox-layout1.png create mode 100644 docs/img/modules/layouts/flexbox-layout2.png create mode 100644 docs/img/modules/layouts/flexbox-layout3.png create mode 100644 docs/img/modules/layouts/flexbox-layout4.png create mode 100644 docs/img/modules/layouts/flexbox-layout5.png create mode 100644 docs/img/modules/layouts/flexbox-layout6.png diff --git a/docs/img/modules/layouts/flexbox-layout1.png b/docs/img/modules/layouts/flexbox-layout1.png new file mode 100644 index 0000000000000000000000000000000000000000..c1e7ec796137b290b2b19148c3743ba3a021b9f8 GIT binary patch literal 2951 zcmeH}=~t2o8^*CkZA_`Di7B@ln|jAwDsxB4tZW%K6tygusm9d86f_ml(p*~9W|ACD zu}noD3Q`9tQP9_=LJ@tHoP@A)Z~;L@;Ykn}`#0V*_c_=7JJ-3tUFZ66-wyEeG5%)9 zHxLNK_~ePB$W?y+DntF%9kj`GbQS9`M@|MCu1<#G#e!9@he7%rflvm_X1*R{ynMYN zkj7%8mFV@We#5mBXD|?mN%vRj5%!swLLf#PPagFOPK}U`r9CshWZt^~Zu4^Lyfb1P z&}dk{Zg(Ey+?uoZdTnoY-#5K~>&-6#gGUSZ72G(`8&$0b8yPXSA)LK=`0=T&MqAHp zwJKOc_@N+s%^jo1xhlBB;_ovvu1kZ&7XJih)l#X011P}!npOqkW6-1!LUoqIYx(=y ze$B0IS{@}q*@ConZ!NjY6jHdGrikw6>qszcyhE2Q{aj!Or6Q=VE+i$q*O`o4|6&8D zf2UuvBZZVqotU3O57|*VV;)e9B~cHjYQdJi3ukI}fSTe4=8&Cd4U~)%KIM8YA@-tlZ5nM>s;Sz#x(uL_}O z0ad+N!x_8vilaRyYH_?$Lw?e*OQF`)><~mK=nO4c6;J21abVa+_O6vm@m}C|USd42 zIQVoqjkf5)R!BdG$z(u6uGod(KN*Aatbh9+?T!aLl|}BY#_@?dO|2k3o_;Xz5gO@k zJ`|9^cwTa$C>G(+V?*zf@REC77Q1Q$^N%ea? zuLTRevKFH1+c;L`*99H{#z5o;2c4HFhr*Yr@oNMv_@T4}=*0sepxP_@N9iEC=% z*`;4Jn{-RA89g`ryuehfjH|y+X1#1>Nz7SbuPNiZ_sCInT=z0UJ&RPnCxveqNH7^qx7u4q5i7D>N7#lUa1Vku7LJP~?qS$3^3oiA8^w$riQrQ zK<~^{sM|G{fWY><2>vJjaYYa>6WH9o@V75H<5&b$4jX?a_evv9L@|98DZE<1042NB zrZER#rN}3i2 z%Ih!JHDP0aGB68Z@5;aIPa`|4=WENv#@Ak24oYPaI9io!+#%uC`_}{Bf=NPj;wy4%lnDZ3S2UnqUvW z5o7akr0v;Yb}Wf-FpH@SVT610paWq9SM&Z`jxT9mo8#Xk`54Ei2;+H;hovkfPVlLCn?q33&8zvi4 zLKXJe_D%d3bDPbr?bQ%rwfynt@Y>M&y!HK6Qur6)F7M`{;Gk@{NE*b(`5ub9Zce zj<MWlh;@BZVmk}>s7LE;B`||GA&2!$Q64_UWp#SsP4o0s8 zP3FiUAJv_a$yDt@`riCTG!^!44!ruXioHBVyfbED?Qa0bEuIhu4ymG-ywX?e@-~JH zw^lW4j>c6-WBcU!y2GM<3J(ISF#l~*nB7P_CoRrqs^V$TGfZ3l!1A5%q*c}fBiMd0lX$#*PLGRV zm8>@!Lm*};14~gKtj<%^s-C;2&omwN`P=(jU2Kh|z&zzYqBmB2x0QKi4Ds_oif(Jv zDRnbjN|iN7Mm|Qy48w1ORlj76Pk}GzuqW_jkwGXoQ2HDYWTn5OlL7Q~Q>FB;{o0JI z$=$Z29H{^r-}$M&*^VBa-@O=*Ab`p#@(OmC?{NW_$M(X6D|!<7OZC$?JGdShFNCsK zG7d)1$|~}Spt?`fV9FFIoYD%F0NdXd2kp}|ZOd?ylzyRksxbEQa|CL|^4PCR`8kfbx*7AApp4gGDFb+7QuIc00k6Hw z?_XinWr{sr1n-pLJ`L$3nTi&b7*ucz=&n~Z(ug_MYYD|u*QO&T^Va>Qi*I%Ps4F)~ zf|ylgqLSM!OIl?!9Z{((&7IPmxrKC%;B3yE90kWE-yA`7i#B;Qz7( f9eYCAI=$+P&a(rjHlA92mLVsP`5mPkiOT*5=vPYz literal 0 HcmV?d00001 diff --git a/docs/img/modules/layouts/flexbox-layout2.png b/docs/img/modules/layouts/flexbox-layout2.png new file mode 100644 index 0000000000000000000000000000000000000000..c82e5f97598fc310138c97cf2bb2170e5ac94e85 GIT binary patch literal 2844 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 literal 0 HcmV?d00001 diff --git a/docs/img/modules/layouts/flexbox-layout4.png b/docs/img/modules/layouts/flexbox-layout4.png new file mode 100644 index 0000000000000000000000000000000000000000..7cceb39450a5753f437ab21d863ffe40ee45c7f3 GIT binary patch literal 3137 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 literal 0 HcmV?d00001 diff --git a/docs/img/modules/layouts/flexbox-layout5.png b/docs/img/modules/layouts/flexbox-layout5.png new file mode 100644 index 0000000000000000000000000000000000000000..a646d96285e4b3583d1ee2f9799dddec9ce337c4 GIT binary patch literal 3090 zcmbtW2~-l;8b+tm%oYqam$Wnsp)|ELCrm8_mof!$1DAA2%aq(m)M%L;5los9q{THu zv{2JbEtjlB3%APLLZiXKWi$<35^;HS-aF@=^UlnfcV_N6|NYN@{`=p1&pqG&-7n3< z9l23WR}BCFY;dH}!%mJ8g`D7#qN?jb3*nKXKk zxLA=)YRz7906f77qz?~5(fvN-1( zT22=b=r@npiTF@sSj_FNfQLImTGA;4k7y-l$9u8HX0tj=98FhzR4TH|*#i5!b z$~6UUSs?n%h^BTpe|cq)h;5dQA}9Mjj|W}xwh7)i(s?~$;a5txJ5+7-9pg49Q(WD5 zd+Tm^x}J9QZ$AS^bFumpZM^xoUNpKKXcLuQD;sIabfDeWu6P#zfzJeH?m?#O%sej+ zGkE^}VOk`ek(=?MISoi?(6l&%YA#4caIrpIVB61CaU-{YeSug|{D&%$sB0k1CU=d$ z*K$b5tDk`^oQ6g0>F5gaILEltc8}-HHp1kit;qglpy&C|Q>*Y0n2oWW!>MjT1m4A>t3-xXv zb{8rz)|OSOz#s2yPEHO8SiCI)zT@xgeu+-WvOL|MF*Y_9H7RxkzO}@?u!6s{#5Y~mAz=(&0o4^WCSp|tlWf8 z{1) zPm3*ur5?LMcTRwfJZk(TjGn??KfZt(Z<>c{EXsb6@ZpI!32y5tqgn>|<@Y-CFjKUk@!y4}`%#cw}1S*LIlyJ}7 z80#c&i4%y$H}3ObzhAO4Z%nX4L`U0maAmdi_TJoQ4=Os)-6x^t+TSkYe}i+!V3}OF z@Z$AWJ{->$#edT073RvWBg=t?7;?!u%)E~~VbZ?$l{&8)yt32*``qB?cfXdwfiy^r zqr!DUTc;>zx;N2MHu#+Bnl@R)3MFI2Ya*%4?&WJf0-r6?ATg5sNXT1v8OehtvkAn? z%@iRN=BpDZlsAR&3df`Qqr2?d^a0oKZyb5>k0|pm5!>_($$j-|r*UCv*2MJl zsobgl_m4{|QisxvyqiqwL&e+Y2#eLbGJlC$mQGJ_>3L2%PzNCN;WXvqaDLJz>gPMv zqkj5v$SV3dI;Pv3C%}G;(r=!6p<7{8C_p0ByAgNaUpiU5#)*qc8jjw7Af(62_pmO# zBYBVGr4!l&%H|y#sJ@!3ukB0JPoMfE-HQpttV8Gj%Ky%F=E+K;9&--^$zbwRWi-Gl z8dRYswu|ZmFKb2@quh1cd|t7o(JZd4mN{DIyE2$TKPYtT3u;{p^S^bso?Bn^W%~_f z^J5sC#_G5Yi-*g9290G3O;^2>b7#!OHPpPM^62)pxH1?QR+g~npH=bO=MKIn- zM|PN-Ze^A&8bA<0D@iyp-_nKTO7e_OgWZ)q`B9fHhnfl2@w&0Bb1tE)``FXqh!vRG zkSe}0=9-8;K{%T}lwow*L#q|tg5d`-)>DxWM}Tc?Q`&HBTg+$nWXZx%Y9?c)?B;E^ zT8{y&?Qxwk*d!5D0l^pGURaV3!uAazbvOyzeWf$xydk`Qc|u1`swlRB2!l%~KHr2Me^jJpjQ%-*(u=}PS>2ku+d@WhNygWE=)ML3-X*^i)peK5f?6|wk}3(j5KI) zHM@a?&;vgbB}+@zyc7vhc2*{fc^`2^$eyj^e2t-&uAZ7NuF2~ zO$i#~$v=&KMXlNuXbg_mDIbeCHr%tZ9C6{~h4+a=zt??lx7gzyL6a1=wr1o?-CO$u zz#&e!7XN+7^=@`{c8rHcf4>nuu=T`!s|LVg-xK@pDZZVXxBsnq5`n@J!luq+{0||q ztZL{5?K{iTfF(dNMQ=858YK9!(pl1~j$lbSA&*!brXSyF&JGZ1pn=pDtl}St-f_#O zHGeWa#>Dd>hT)Yi64`Xm*Sq9a_dH>{IN4KHX4$L)P_IYqZ4lTwWNA?H%w18Om3Wqp`b9D#tnD*=<}tYYHq0(a z7c^5rCs+7K@t4Hg*j0#VNBbiE(gX&sOrJd~HX=fn?Nq9C$-N-w;4p1#rODm@6`y~} zr2nt%D2_Zd?;EvW-HTftH+Pn*>c#CH7;sUD*$Tw}3f}*m$#+^(iMvwW{{9NrdC+`4b{`;cmL+6Dl49qaC^cfV!K5y^ZTl?}^@sXRa(r{nVF=t()wXT*~3YZ8Lwn zvXTB#+Q=z<2hhLkqf+zq<<3)}T?j)@j=$-FL!0a!ES&3TSQjKnYwu31&F0fK8qS9f z|2lObY`7W_G$6~c8j?(g&A0Y^^|)E}mN5U>H#BIuZ(t;Cz@kkKdARmetGfb5ZtS~0 zR8@BwDNi1in3Cu244Q>y9|Q*9bE)kg%U=z+o6(oo6YwCTPx-BsFyI;#d7{@buPbNm z=u6UcjkKnY5`Tu8pqUC{ooBxU@&37h(-R&sY=I_M`FkGaXNaMULqt-U3Qq8wb7PN% zkPNJA{~43Hg&Q$m^n8ApP>~WF8_>KW?g{uY9j{`abPss-NtRq6)3RUiDV5Wbx5!fD zO0%2z$Jcg@^LWFMFtzdThCss$W5yWYXK&sbReaX4;S5Y zdF0HHrM9J?eFT`REehwtSH?&NN|!!bnkmhXHiC;06Hkc)YpR$DY8&1w@x9kAS7o9c zvk;-s>vgf){7!{h$y&@7@%!zPVSY2-fq1=qV}i*cYP?te`ryv6>OT+^JI_XkMkqiMQ?Y*tpQYnEAy%p%cxt z8>6QVgM~}O)o-QCh#~l61Xwt|*bhD};8am_{btf(Eh|W6=$QLgSFx!?d?cbkACKxMA;bGQqEewhL69hqw$!z*876%=rf)ymB+KF{8E3<|5-` zOL8}rd5LWd-9wpi-=FA@%txzFHqzEeh#*;hwxP$w`)Ao3If{3B@FmD_<;&SIsgSES zQNZnT&)V3ZcFP?nR#tMuE&1<{qg8V0PB{1zXy?n`9sn71`BnHUb57T zcw77+kDCHp>TcCD+Htld|Z5m{ZfL`2F_U3h7ZVLTkx)Y-3GJckoIQHfs8R(%JQn$s0r zil6w-?75?4K5*&;0-YQFlWK~qa1jKEw6_h@QN|tcSJYf8)3`k|ljpi!%hpKmTPNzt z^c|@sVi-=0;@h+_N(fX3-kCm_G~85`an-dQ$8ZvTyM?35_E5nQ9$jF__y~o$K_%cG z`-T4Hk1=4(g&3Ui>`#5uWsAhr3oO>_I*MFOj^D`&>0PcdDJ=i9ynrpC}C zlGxP9KjhrD-9%uHB|#k_0jyM&`Ww~$$A23ES^}N6E+PLttT7+k z8heCOPs<`G+>t`MeQd|a zeQq8p1*Wre6ER7q2g%I|(WGk+ddi;nh;|>luFu&Z*iVGOM~(T!Kl=Ud!WyE2?tbrtB*kcy9ECH|B$Jmim*G%YtEgXsCTv zWZlcTboBXvP!?92sTVR7tD(L}`);5;wYP`_#l^>&U$>_Zjp+eKp5>x0lo$+hj5y+d zJ~a}2Z09COAM&5t_D9~Xl_q1EH;hGE^uRvtkf}Ni1VwXm_xPlwaOwV^76n9V+2wi; z{WWV`zf1VQoM|xl$VtCT6yH;7MD7yiCHyYQxcK4_d44jwoB_qf8PEB!&WE&=Q3le{ax(Myc)T!qlEd~Wij*^@Hh<<#eoUv`DQQQ+KaqG|_P))V$;$g3a2J$$FhPw~M z>}GK7GhdA;H7pmb_1xF)d3eQi(_rkqo$-6oB|U68whr~gv3S0H9PCmKD?2dQ?o?$Ehzk;;YQ^eCb2iXE-f}RNJsDl{QldL5*QVz zqjRSiq#PyxXxN8?G@(9X&DE}Xo4 zA}UwA_we<1A9(L;Z8Q0wGz>AY5;=D8%%Q&;)xZBWuDt(mFLCd@tdHi*i8xhdAoA^r zyHL*&_tVU-glLj5uQO+^(y@HR%)nQrz*g*ep7r^n)IWdNMmJZR*j6KOzHFu<(@Q@&^=Z| zRcwX5*pY*Dn!;x0gpBw+(OhqBgg7nm$Ew>Y$vp(?W49ywV9 z#&YTS4&^k2w5C=o?u&gnN1#A8!~~P%m@sQC)_4IqJ>|H%UZ*CWUe@EEVHD@DQSd1( zvvD($T>jzd>jWX&a{9E9XnTcE^ZtMm6TeeepuYxOIRnWluSwe zpcQE8h)U2 z4umWoOVUH7uGlE|jRJh%8N1gJajp&(Zbz^L9?CnLpkgvfXL7;mh#o{XQT1GrZlp%B zrW&UGv^har`Q) z5cDm>%jP`FVRaZBh9oy_E%Fwp?Y8BTJ9E|*`r_A`9!}hy*sTjSyI!JTwpguibR{Oe z-VD`4&1iZbZ|BF#)=fV7IVGbvDR+Qkdu4$Elehz!6P(hs&MAhMW{z=u{oTK3Ou7>{ zRr#Bagt2n+AHFDUUZ`9|5e;GllG5@OrOC*+2efQ~AWq91;oVWmR41t3v_dYO5JO50pbbf||2*E0QEdAdCAQ$SJ2gl1cxi|$#nr1M zwgpPGu;>78FJz}iRPxM62Rl=*rmS}^BrQ7NC7w6Yt}+1>P~C_*PM3d9%zwmM@}XP{ zg_-f+5{>3bPKU`Pxcx{>KxZ9O+Q~y#Q==0a*?42m+MB_fuxrbM)xGoDH_S$5?X4qG z&h6nH{SPAxsY<_BFC`Afz-SSmuFQ`$7kstZysEwNd@=dqVyh){%C94FK-EQMrE`Vp zL3yW2aRN;JJSuZw*!-4ZS&0R(n6r$GJ5l^q8P8V=l`>MEy;Mi9A`lOFa^$6XUP~Yy zFb(ho_=P2@QE-R|dFEfjWR!2e+#>nXLSzEhs~4F~_qw;={xYxT=;ztAWwN35jV}1+ zV@*OLU`O8LPH-8{x`Y7A%Cmj!9#6RP=KM>ZaX^&(#|A0{kjTDTM0G_LY`?p>MSp%4 zF}gF4G{afU>xU%_An0;pm>$N3M?eyo{uF@idDC2~nXLUNyfx5k zjo~Yh4dZj#!RgYiz3#>?v{PwvBi3S?!ZwO$fgmR-++n@q{) zuXjk--U?-N29}(+a5o8#x8x;1{e(18FzL7?FW5VGv!Ej`t`?Ni1|Dwibf;cuTVsqW z8LyKvT&#bSgxJ^S*siJ}uh7D24XEbYsbf>|gfEqC@R_PrGrBCBBPI*ENZ?uH(2`sP zqwr6!D4tH3MG5?7YtB}kvnKp4Xxoz_bpJb<#NWAG43$cI97Bu!=wS`xlRb%!qt)EG`>t5ZEOY#0vG2WP6EB^B zo=HhzOHLl@(#e^^8>DeGX!7&`V~&jn+%_w{KY8s`wT|E>g|a8M6I(NQ{{63>cerr( zv6=7ozI%V?_fM1k^Pb+px9a)wZ+BH){~)+# zo^zY>hQ1aKMj#5)J;LAq*y~Gnjj3I$Z>r&u>a6qMPjcCq%7ib9e?0f&OUByp>WrFS z{`S}I$;>}w6Up;&`K|M{Lhm|nt=-C=eLBvve*Ir7yVgph@b4Y+SJ$n$yWxjmj*M~p zkGi+dR_cBa+otb!dH=Jwx3=s{unn61=a1~+=V_(&Z|8i}%+WAzz2RsZy?f6$hqtS4 z?cRDl>+-ubv5~viZ(ID$>23Edm;bYWf8WYi;Getj+J1Jk-7}ru{I4pGe0%3;|G#}& zr9GGPR+TnHXURUfxYa#-t^9^RLA&>s<-9#{>+aUtt^3?t&*m%>IKO&s{A>0}{@3MJ zZ@u64_(A1L-`~8*4_=>z2aK<@yHrmncGjYZhoKPUGB+iwt41z!Rd9~$BOQ6 z`uL+D=da0^%Teri^kn07I_ z|9)6{f7v(YnRP#m-hPg<=oinW#09zH;~X z#Z=eUSpC{@?frJ^1Nm9&uT8u6}-*Vr6xV3fb+x0d-&Z@nbyyS6YmjiS*Iplt}0noIrV6!_DWbNio5 RIk2>4@O1TaS?83{1OPCDR7(H= diff --git a/docs/ui/layout-containers.md b/docs/ui/layout-containers.md index 950248d10..7f36fb8bd 100644 --- a/docs/ui/layout-containers.md +++ b/docs/ui/layout-containers.md @@ -12,6 +12,7 @@ previous_url: /layout-containers * [GridLayout](#gridlayout) * [StackLayout](#stacklayout) * [WrapLayout](#wraplayout) +* [FlexboxLayout](#flexboxlayout) ## [AbsoluteLayout]({%ns_cookbook ui/layouts/absolute-layout%}) The AbsoluteLayout is the simplest layout in NativeScript. It uses absolute left-top coordinates to position its children. The AbsoluteLayout will not enforce any layout constraints on its children and will not resize them at runtime when its size changes. @@ -29,7 +30,7 @@ None. {% nativescript %} ```XML - +