When using this plugin the developer will be able to create custom Beagle components automatically with just two clicks.
In addition, it also provides a series of live templates with default Beagle components that can be used when creating a screen, such as Containers components, ScrollViews, etc …
To install it, open Intellij or Android Studio and click:
After installing it:
To view/or use the templates, press the keys:
CTRL + ALT + J to open the painer with Live Template (WINDOWS) or
⌘ + ⌥ + J (command + option + J for iOS).
A panel with the available live templates will open. When you click on a template it will be added to your code. For example, clicking
Surround with CONTAINER will add a Beagle
Container to the screen.
If you have selected any other element on the screen, such as ** TEXT ** in the example below, the Container will encapsulate the component.
It is important to remember that some components, such as
TOUCHABLE, accept only one CHILD element, that is, if you select two elements (like in the example below) and click on the
apply-CENTER-style, the IDE will show some type of error because this component accepts only one child.
The autocomplete option is very easy to use on this plugin.
All you need to do is start writing the component you wish to call, for example,
cont for Container, a list will show, and you can just hit
TAB to create a Container where you cursor is focused.
All Beagle components and actions are set for autocomplete. The general rule to call them is:
TABa list will show telling about the option to create a Beagle Component or a Beagle Action.
Was this page helpful?
Glad to hear it! Please tell us how we can improve.
Sorry to hear that. Please tell us how we can improve.