Method and apparatus reusing ListCell in hybrid application

1. A computer-implemented method, comprising:

defining, by a front end layer of a hybrid software application, a structure and a class of a ListCell;

obtaining, by the front end layer, first content data;

creating, by the front end layer, a prototype of the ListCell based on the structure and the class of the ListCell;

transmitting, by the front end layer, the first content data to a native layer of the hybrid software application, wherein the native layer creates a ListCell template based on the prototype of the ListCell created by the front end layer, obtains a ListCell by copying the ListCell template, fills the ListCell with the first content data, and displays the ListCell that is filled with the first content data;

receiving, by the front end layer, a refresh trigger; and

in response to receiving the refresh trigger, transmitting, by the front end layer, second content data to the native layer, wherein the native layer resuses the ListCell and displays the ListCell filled with the second content data.

2. The computer-implemented method of claim 1 , wherein receiving, by the front end layer, the refresh trigger comprises:

scrolling a list displayed in a computer display area by a user of the front end layer; and

determining, by the front end layer, second content data based on an updated list displayed in the computer display area after scrolling.

3. The computer-implemented method of claim 1 , wherein obtaining the ListCell by copying the ListCell template comprises:

traversing and obtaining all sub-views of the ListCell template; and

creating a ListCell that comprises all the sub-views and attributes of the sub-views.

4. The computer-implemented method of claim 3 , wherein filling the ListCell with the first content data comprises filling the first content data in each corresponding sub-view of the created ListCell.

5. The computer-implemented method of claim 1 , comprising, during obtaining the ListCell by copying the ListCell template, a number of copied ListCells is determined based on a number of ListCells that can be displayed in a computer display area.

6. The computer-implemented method of claim 1 , wherein the prototype of the ListCell is a prototype of a single ListCell.

7. The computer-implemented method of claim 1 , further comprising:

determining, by the native layer, that a new ListCell is to be moved to a computer display area; or determining, by the native layer, that a ListCell is to be moved out of the computer display area; and

in response, reusing, by the native layer, the ListCell that is in the computer display area as a reusable ListCell.

8. A non-transitory, computer-readable medium storing one or more instructions executable by a computer system to perform operations comprising:

defining, by a front end layer of a hybrid software application, a structure and a class of a ListCell;

obtaining, by the front end layer, first content data;

creating, by the front end layer, a prototype of the ListCell based on the structure and the class of the ListCell;

transmitting, by the front end layer, the first content data to a native layer of the hybrid software application, wherein the native layer creates a ListCell template based on the prototype of the ListCell created by the front end layer, obtains a ListCell by copying the ListCell template, fills the ListCell with the first content data, and displays the ListCell that is filled with the first content data;

receiving, by the front end layer, a refresh trigger; and

in response to receiving the refresh trigger, transmitting, by the front end layer, second content data to the native layer, wherein the native layer resuses the ListCell and displays the ListCell filled with the second content data.

9. The non-transitory, computer-readable medium of claim 8 , wherein receiving, by the front end layer, the refresh trigger comprises:

scrolling a list displayed in a computer display area by a user of the front end layer; and

determining, by the front end layer, second content data based on an updated list displayed in the computer display area after scrolling.

10. The non-transitory, computer-readable medium of claim 8 , wherein obtaining the ListCell by copying the ListCell template comprises:

traversing and obtaining all sub-views of the ListCell template; and

creating a ListCell that comprises all the sub-views and attributes of the sub-views.

11. The non-transitory, computer-readable medium of claim 10 , wherein filling the ListCell with the first content data comprises filling the first content data in each corresponding sub-view of the created ListCell.

12. The non-transitory, computer-readable medium of claim 8 , comprising, during obtaining the ListCell by copying the ListCell template, a number of copied ListCells is determined based on a number of ListCells that can be displayed in a computer display area.

13. The non-transitory, computer-readable medium of claim 8 , wherein the prototype of the ListCell is a prototype of a single ListCell.

14. The non-transitory, computer-readable medium of claim 8 , the operations further comprise:

determining, by the native layer, that a new ListCell is to be moved to a computer display area; or determining, by the native layer, that a ListCell is to be moved out of the computer display area; and

in response, reusing, by the native layer, the ListCell that is in the computer display area as a reusable ListCell.

15. A computer-implemented system, comprising:

one or more computers; and

one or more computer memory devices interoperably coupled with the one or more computers and having tangible, non-transitory, machine-readable media storing one or more instructions that, when executed by the one or more computers, perform operations comprising:

defining, by a front end layer of a hybrid software application, a structure and a class of a ListCell;

obtaining, by the front end layer, first content data;

creating, by the front end layer, a prototype of the ListCell based on the structure and the class of the ListCell;

transmitting, by the front end layer, the first content data to a native layer of the hybrid software application, wherein the native layer creates a ListCell template based on the prototype of the ListCell created by the front end layer, obtains a ListCell by copying the ListCell template, fills the ListCell with the first content data, and displays the ListCell that is filled with the first content data;

receiving, by the front end layer, a refresh trigger; and

in response to receiving the refresh trigger, transmitting, by the front end layer, second content data to the native layer, wherein the native layer resuses the ListCell and displays the ListCell filled with the second content data.

16. The computer-implemented system of claim 15 , wherein receiving, by the front end layer, the refresh trigger comprises:

scrolling a list displayed in a computer display area by a user of the front end layer; and

determining, by the front end layer, second content data based on an updated list displayed in the computer display area after scrolling.

17. The computer-implemented system of claim 15 , wherein obtaining the ListCell by copying the ListCell template comprises:

traversing and obtaining all sub-views of the ListCell template; and

creating a ListCell that comprises all the sub-views and attributes of the sub-views.

18. The computer-implemented system of claim 17 , wherein filling the ListCell with the first content data comprises filling the first content data in each corresponding sub-view of the created ListCell.

19. The computer-implemented system of claim 15 , comprising, during obtaining the ListCell by copying the ListCell template, a number of copied ListCells is determined based on a number of ListCells that can be displayed in a computer display area.

20. The computer-implemented system of claim 15 , wherein the prototype of the ListCell is a prototype of a single ListCell.