React NativeのレイアウトエンジンYogaの仕組み [後編] - Adwaysエンジニアブログ
adwaysengineerblog.hatenablog.com こんにちは、@binaryta です。 前編ではYogaのデバッグ環境を整えて終わりました。 まだ読まれていない方は是非上記リンクから見てみてください。 前編の末尾の方で僕は次のような一文を残しました。 Yogaのレイアウトは現時点ではW3C標準規格のFlex Layout Algorithmに準拠しているのでW3CのFlex Layout Algorithmに目を通しておくといいと思います。 また、Flex Layoutでよく出てくる用語についても確認しておいたほうがいいでしょう。 先にこれらについて軽くおさらいします (僕もあやふやなので)。 そして今回は内部を深く追ってはいくものの主にメインルーチンの関数を読んでいきます。 後編は次の流れで進みます。 Flex Layout のBoxモデルと用語 Flex Layou
![React NativeのレイアウトエンジンYogaの仕組み [後編] - Adwaysエンジニアブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/72abfaebb5f46a2b58ed269573255d4ad3c6f6bf/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2FA%2FAdwaysEngineerBlog%2F20180824%2F20180824163608.png)
React NativeのレイアウトエンジンYogaの仕組み [前編] - Adwaysエンジニアブログ
こんにちは、@binaryta です。 先日「React Native OSS ペアプロ会 #3 byFACTBASE」というイベントに参加してきました。 factbase.connpass.com OSSにcommitすることを主眼としていて、React Nativeのissueの問題に解決策を提示したり、解決できそうならPull Requestを送るといった内容です。 このイベントに参加中、レイアウトのバグを直そうとしていた際にYogaを知りYogaに興味を持ちました。 僕は「React Native OSS ペアプロ会」には初回から参加していますが、今後も定期的に開催するみたいなので、興味ある方は是非参加してみてください。 対象 Yogaはクロスプラットフォーム間で共通にレイアウト処理をするべく作られたレイアウトエンジンです。そのためiOSではObjective-C, Android
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
