6月安卓手機好評榜：魅族20 Pro蟬聯冠軍
性能榜和性價比榜之后，我們來看最后的安卓手機好評榜，數據來源安兔兔評測，收集時間2023年6月1日至6月30日，僅限國內市場。第一名：魅族20 Pro好評率：95%5月份的時候魅族20 Pro就是
React Native 最近有個令人興奮的消息——V0.74 版本在幾天前發布了，包含了超過1600個提交。亮點如下：
下面我們深入了解每個新亮點。
首先了解一下 React Native 中的 Yoga 是什么。
Yoga 是一個由 Meta 開發的開源布局引擎。它負責在用戶界面內排列和定位 UI 元素（如按鈕、文本、圖像等）。
Yoga 為每個 UI 元素計算以下四個方面：
通過 Yoga，你可以創建響應式布局，適應不同的屏幕尺寸和方向。它還在 React Native 中實現了一個廣泛使用的概念——CSS Flexbox。因此，Yoga 可以說是 React Native 靈活 UI 的核心。
在之前的所有 React Native 版本中，存在一些不正確的布局行為。Yoga 3 解決了這些問題。其中一個最常見的問題是 ‘row-reverse’ 樣式無法正常工作。
來看下圖，左邊是 V0.73，右邊是 V0.74。
在上圖中，我們有一個 <Container />，內部是一個 <Parent /> 組件，再內部是兩個 <Child /> 組件。
我們在 <Parent /> 組件中應用了如下樣式：
// <Parent /> 組件的樣式style={{ flexDirection: 'row-reverse', backgroundColor: 'dodgerblue', flex: 1, marginLeft: 100, marginRight: 20, marginVertical: 20, alignItems: 'center'}}你注意到了嗎，我們為 <Parent /> 添加了 100 像素的 marginLeft？是的，但看下 React Native V0.73（左邊）的輸出。它顯示右邊有 100 像素的邊距（而不是左邊）！！現在看下 React Native V0.74（右邊）的輸出。很好，在 V0.74 中，我們看到左邊有了完美的 100 像素邊距，并且兩個 <Child /> 組件也被反轉了
本文鏈接：http://m.www897cc.com/showinfo-26-92139-0.htmlReact Native V0.74 穩定版發布
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。郵件：2376512515@qq.com
Copyright ? 2016-2023 天津谷騏科技有限公司 版權所有 sitemap.xml
違法及侵權請聯系：2376512515@qq.com 津ICP備18001702號
津公網安備 12010102000574號