Search
⌃K

Languages

Languages allows support for multiple languages so the user can set the app language they want.

1. Add languages

To add an Language:
  • Open your project and go to Teta Dashboard.
  • Navigate to Settings and select Languages.
  • Click on Add Language and select the language of interest.
  • Select Confirm.

2. Add Terms

To add an Term:
  • Open your project and go to Teta Dashboard.
  • Navigate to Settings and select Languages.
  • Click on Add Term.
  • Enter the term with their respective translation.
  • Select Save.

3. Add the Languages support in your project

To add the Languages support in your project:
  • Click Languages in Navigation menu.
  • Select the initial language of your app.
  • After, add within the Scaffold a State of type String and as a value enter the initial of the language into which you want to translate.

3.1 Insert Text

To insert the text:
  • Inside the Tree Area, insert a Text from the Widget Panel.
  • Move to the Properties Panel and navigate to the Value.
  • Click on the dropdown menu next to Value and select languages (inside the drop-down list).
  • Select the Term of Interest.

3.2 Adding an Action

  • Select a Button from the tree area.
  • Click on Actions + (on the right side of your screen).
  • Click on Action dropdown.
  • Find the Action Type dropdown and change it to Languages.
  • Select OnTap as the Gesture.
  • Find the dropdown below and select Translate.
  • Finally in the in the last dropdown select the state created in the scaffold.
Last modified 8mo ago