[發明專利]React組件和Flutter組件的映射方法、裝置、電子設備及存儲介質

在審

• 申請號: 202010538409.4
• 申請日: 2020-06-12
• 公開（公告）號: CN111857709A
• 公開（公告）日: 2020-10-30
• 發明（設計）人: 王碩;楊杰
• 申請（專利權）人: 北京三快在線科技有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F8/36
• 代理公司: 北京潤澤恒知識產權代理有限公司 11319
• 代理人: 任亞娟

1.一種React組件和Flutter組件的映射方法，其特征在于，包括：

將待映射React組件對應的TSX文件轉換為抽象語法樹AST；

獲取所述AST中的組件標簽節點，并獲取所述組件標簽節點下的組件信息；

將所述組件信息映射為Flutter的組件信息，生成初始Flutter組件；

將所述初始Flutter組件繼承預先創建的Flutter基礎組件庫，生成與所述待映射React組件對應的目標Flutter組件，所述Flutter基礎組件庫包括Flutter的基礎組件。

2.根據權利要求1所述的方法，其特征在于，所述組件信息包括組件開始標識、標簽名稱、組件屬性、組件樣式和組件結束標識。

3.根據權利要求2所述的方法，其特征在于，所述獲取所述組件標簽節點下的組件信息，包括：

獲取所述組件標簽節點下的組件開始標識和組件結束標識；

獲取所述組件開始標識和組件結束標識之間的標簽名稱、組件屬性和組件樣式。

4.根據權利要求2所述的方法，其特征在于，將所述組件信息映射為Flutter的組件信息，生成初始Flutter組件，包括：

將所述標簽名稱映射為Flutter的組件名稱；

將所述組件屬性中的鍵值對拼接為Flutter的組件屬性；

根據預先設置的樣式映射關系，將所述組件樣式映射為Flutter的組件樣式；

將所述組件結束標識映射為Flutter的組件結束標識；

根據映射后得到的Flutter的組件名稱、組件屬性、組件樣式和組件結束標識，生成初始Flutter組件。

5.根據權利要求4所述的方法，其特征在于，所述根據預先設置的樣式映射關系，將所述組件樣式映射為Flutter的組件樣式，包括：

根據預先設置的樣式映射關系，將所述組件樣式中的屬性名稱映射為Flutter的組件樣式中的屬性名稱。

6.根據權利要求5所述的方法，其特征在于，所述根據預先設置的樣式映射關系，將所述組件樣式映射為Flutter的組件樣式，還包括：

根據預先設置的樣式映射關系，將所述組件樣式轉換為以所述Flutter的樣式書寫格式書寫的組件樣式。

7.根據權利要求2所述的方法，其特征在于，所述組件信息還包括孩子組件；

所述將所述組件信息映射為Flutter的組件信息，生成初始Flutter組件，包括：

將所述標簽名稱、組件屬性、組件樣式和組件結束標識分別映射為Flutter的組件名稱、組件屬性、組件樣式和組件結束標識；

獲取所述孩子組件的組件信息；

將所述孩子組件映射為Flutter的孩子組件，并將孩子組件的組件信息映射為Flutter的孩子組件的組件信息；

根據所述Flutter的組件名稱、組件屬性、組件樣式、孩子組件、孩子組件的組件信息，以及組件結束標識，生成初始Flutter組件。

8.一種React組件和Flutter組件的映射裝置，其特征在于，包括：

AST生成模塊，用于將待映射React組件對應的TSX文件轉換為抽象語法樹AST；

組件信息獲取模塊，用于獲取所述AST中的組件標簽節點，并獲取所述組件標簽節點下的組件信息；

組件信息映射模塊，用于將所述組件信息映射為Flutter的組件信息，生成初始Flutter組件；

Flutter組件生成模塊，用于將所述初始Flutter組件繼承預先創建的Flutter基礎組件庫，生成與所述待映射React組件對應的目標Flutter組件，所述Flutter基礎組件庫包括Flutter的基礎組件。

9.一種電子設備，包括存儲器、處理器及存儲在所述存儲器上并可在處理器上運行的計算機程序，其特征在于，所述處理器執行所述計算機程序時實現權利要求1至7任意一項所述的React組件和Flutter組件的映射方法。

10.一種計算機可讀存儲介質，其上存儲有計算機程序，其特征在于，該程序被處理器執行時實現權利要求1至7任意一項所述的React組件和Flutter組件的映射方法的步驟。