I would like to make a hybrid app using Flutter. One particular kind of component I'm looking at sounds something like this:
- A Chinese character like 家 (which means home) is shown
- When an user clicks on the character, it can display its pronunciation (jia)
- The user also has the option to click to play the pronunciation
- The user can also choose to open a window where an animation of how the character is being written is played.
- So for a sentence like: 蓝天是白云的家(literally translated as: The blue sky is the home of the white clouds), each of these 7 characters can be individually clicked and users can choose to display / play pronunciation / show how they are written.
Normal static text won't be rich enough to display all these information. My current idea is to make every character a customized widget with such data embedded within.
This task can be quite huge if each Chinese character (there are approximately 5000 characters that are commonly used) has its own rich data format.
Any suggestions on how to approach this problem in an efficient manner in Flutter?
Thanks in advance!