Method and apparatus reusing listcell in hybrid application

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 prototype of a ListCell;
• creating, by a native layer of the hybrid software application, a ListCell template based on a created prototype of the ListCell defined by the front end layer;
• obtaining, by the native layer, a ListCell by copying the ListCell template;
• obtaining, by the native layer, first ListCell content transmitted from the front end layer;
• filling, by the native layer, the ListCell with the obtained first ListCell content;
• initiating, by the native layer, display of the ListCell having the first ListCell content;
• and
• reusing, by the native layer, the ListCell, comprising:
• in response to a user input, determining that the first ListCell content has been moved out of a display area of the native layer,
• in response, removing the first ListCell content from the ListCell,
• obtaining second ListCell content transmitted from the front end layer, and
• refilling the ListCell with the second ListCell content.

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 one or more operations comprising:
• defining, by a front end layer of a hybrid software application, a prototype of a ListCell;
• creating, by a native layer of the hybrid software application, a ListCell template based on a created prototype of the ListCell defined by the front end layer;
• obtaining, by the native layer, a ListCell by copying the ListCell template;
• obtaining, by the native layer, first ListCell content transmitted from the front end layer;
• filling, by the native layer, the ListCell with the obtained first ListCell content;
• initiating, by the native layer, display of the ListCell having the first ListCell content;
• and
• reusing, by the native layer, the ListCell, comprising:
• in response to a user input, determining that the first ListCell content has been moved out of a display area of the native layer,
• in response, removing the first ListCell content from the ListCell,
• obtaining second ListCell content transmitted from the front end layer, and
• refilling the ListCell with the second ListCell content.