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 CENTER
, or 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:
TAB
a 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.