You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: content/docs/pt-BR/elements/components/list-view.md
+2-2Lines changed: 2 additions & 2 deletions
Original file line number
Diff line number
Diff line change
@@ -21,11 +21,11 @@ O componente ListView exibe uma lista de rolagem vertical. Você pode definir di
21
21
```
22
22
23
23
No exemplo acima, o segundo template será usado se o index do item for ímpar.
24
-
Por conveniência, você pode usar os helpers `$index`, `$even` e `$odd`, mas, conforme necessário, você pode usar qualquer expressão javascript válido para a condição `if` dos `v-template`.
24
+
Por conveniência, você pode usar os helpers `$index`, `$even` e `$odd`, mas conforme necessário, você pode usar qualquer expressão javascript válido para a condição `if` dos `v-template`.
25
25
26
26
Para aprender mais sobre o componente `v-template`, veja a [documentação do `v-template`](/pt-BR/docs/utilities/v-template).
27
27
28
-
O ListView não percorre os itens como é esperado usando um loop [`v-for`](https://vuejs.org/v2/guide/list.html#Mapping-an-Array-to-Elements-with-v-for). Em vez disso, ele só cria as views necessárias para mostrar os itens visíveis na tela, e é normalmente usado em aplicativos mobile para melhorar a performance. Isso é importante porque você não pode confiar nos eventos dentro do `v-template`, você deve usar o evento `itemTap` que contém o index do item tocado, assim como o item real da lista.
28
+
O ListView não percorre os itens como é esperado usando um loop [`v-for`](https://vuejs.org/v2/guide/list.html#Mapping-an-Array-to-Elements-with-v-for). Em vez disso, ele só cria as views necessárias para mostrar os itens visíveis na tela, e é normalmente usado em aplicativos móveis para melhorar a performance. Isso é importante porque você não pode confiar nos eventos dentro do `v-template`, você deve usar o evento `itemTap` que contém o index do item tocado, assim como o item real da lista.
`<WebView>` é um componente de UI que deixa você exibir contéudo da web no seu aplicativo. Você pode puxar e mostrar conteúdo a partir de uma Uou um arquivo HTML local, ou você pode renderRL izar contéudo estático em HTML.
7
+
`<WebView>` é um componente da UI que permite você exibir contéudo da web no seu aplicativo. Você pode carregar e mostrar conteúdo a partir de uma URL ou um arquivo HTML local, ou você pode renderizar contéudo estático em HTML.
O container FlexboxLayout não é uma implementação exata do [Layout Css Flexbox](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox)
@@ -83,7 +83,7 @@ O container FlexboxLayout não é uma implementação exata do [Layout Css Flexb
83
83
|------|------|-------------|
84
84
`flexDirection` | `String` | A direção em que os itens são colocados no container flex. A propriedade `flexDirection` aceita 4 valores diferentes: `row` (igual a direção do texto), `row-reverse` (oposto a direção do texto), `column` (como o row, mas de cima para baixo), e `column-reverse` (como a linha reversa de cima para baixo). O valor padrão é `row`.
85
85
`flexWrap` | `String` | Define se os itens flex são forçados para ficar em uma única linha ou podem ficar em múltiplas linhas. Se definir para múltiplas linhas, também irá definir o cross-axis que determina a direção em que as novas linhas são empilhadas. A propriedade `flexWrap` aceita 3 valores diferentes: `nowrap` (linha única que pode causar o transbordamento do container), `wrap` (múltiplas linhas, a direção é definida por flexDirection), e `wrap-reverse` (múltiplas linhas, oposto a direção definida por flexDirection). O valor padrão é `nowrap`.
86
-
`justifyContent` | `String` | Sets the alignment along the main axis. It helps distribute extra free space left over when either all the flex items on a line are inflexible, or are flexible but have reached their maximum size. It also exerts some control over the alignment of items when they overflow the line. A propriedade justifyContent aceita 5 valores diferentes: `flex-start` (items are packed toward the start line), `flex-end` (items are packed toward to end line), `center` (items are centered along the line), `space-between` (items are evenly distributed in the line; first item is on the start line, last item on the end line), and`space-around` (items are evenly distributed in the line with equal space around them). O valor padrão é `flex-start`.
86
+
`justifyContent` | `String` | Define o alinhamento ao longo do eixo principal. Ajuda a distribuir o espaço livre extra restante quando todos os itens flexiveis em uma linha estão inflexiveis ou já atingiram seu tamanho máximo. Também exerce algum controle sobre o alinhamento dos itens quando eles transbordam a linha. A propriedade `justifyContent` aceita 5 valores diferentes: `flex-start` (os itens serão centralizados ao longo da linha), `space-between` (os itens são distrbuidos na linha de maneira uniforme; o primeiro item ficará no começo da linha, o ultimo no final da linhaa), e`space-around` (os itens são distribuidos de forma uniforme na linha com espaços iguais entre eles). O valor padrão é `flex-start`.
87
87
`alignItems` | `String` | Define como os flex itens são colocados ao longo do cross-axis na linha atual. Você pode pensar nisso como a versão `justifyContent` para o cross-axis (perpendicular ao main-axis). A propriedade `alignItems` aceita 5 valores diferentes: `flex-start` (cross-start margin edge of the items is placed on the cross-start line), `flex-end` (cross-end margin edge of the items is placed on the cross-end line), `center` (items are centered in the cross-axis), `baseline` (items are aligned such as their baselines align), `stretch` (stretch to fill the container but still respect `min-width`/`max-width`). O valor padrão é `stretch`.
88
88
`alignContent` | `String` | Define como os flex itens são alinhados no container flex no cross-axis. A propriedade `alignContent` aceita 6 valores diferentes: `flex-start` (lines packed to the start of the container), `flex-end` (lines packed to the end of the container), `center` (lines packed to the center of the container), `space-between` (linhas uniformemente distribuidas; a primeira linha no início do container enquanto a última no final), `space-around` (linhas uniformemente distribuidas com espaços iguais entre eles), e `stretch` (linhas que esticam para ocupar o espaço restante). O valor padrão é `stretch`. Essa propriedade não tem efeito quando o container flex tem uma única linha.
89
89
@@ -94,7 +94,7 @@ Quando um elemento é filho direto de um AbsoluteLayout, as seguintes propriedad
94
94
| nome | tipo | descrição |
95
95
|------|------|-------------|
96
96
`order` | `Number` | Muda a ordem padrão dos itens flex
97
-
`flexGrow` | `Number` | Unitless value that serves as a proportion indicating whether the flex item is able to grow if necessary. It dictates what amount of the available space inside the flex container the item should take up.
98
-
`flexShrink` | `Number` | A value indicating the "flex shrink factor", which determines how much the flex item will shrink relative to the rest of the flex items in the flex container when there is not enough space on the row. When omitted, it is set to 1 and the flex shrink factor is multiplied by the flex basis when distributing negative space.
99
-
`alignSelf` | `String` | A value that overrides the `alignItems`value for specific flex items. This property accepts the same 5 values as`alignItems`: `flex-start` (cross-start margin edge of the item is placed on the cross-start line), `flex-end` (cross-end margin edge of the item is placed on the cross-end line), `center` (item is centered in the cross-axis), `baseline` (items are aligned such as their baselines are aligned), and `stretch` (stretch to fill the container but still respect `min-width`/`max-width`). O valor padrão é `stretch`.
100
-
`flexWrapBefore` | `Boolean` | A boolean value controlling item wrapping. Setting it to `true`will force the item to wrap onto a new line. O valor padrão é `false`. (Essa propriedade não faz parte da especificação ofical do flexbox.)
97
+
`flexGrow` | `Number` | Valor sem unidade que serve como uma proporção indicando se o item flexível é capaz de crescer se necessário. Determina a quantidade de espaço disponível dentro do contêiner flexível o item pode ocupar.
98
+
`flexShrink` | `Number` | Valor que indica que o "fator de contração flexível", o qual determina o quanto o item flexível diminuirá em relação aos outros itens flexíveis no contêiner quando não houver espaço suficiente na linha. Quando omitido, é definido como 1 e o fator de contração é multiplicado pela base flexível ao distribuir o espaço negativo.
99
+
`alignSelf` | `String` | Um valor que sobrepõe o valor de `alignItems`para itens flexíveis especificos. Esta propriedade aceita os mesmos 5 valores como`alignItems`: `flex-start` (cross-start margin edge of the item is placed on the cross-start line), `flex-end` (cross-end margin edge of the item is placed on the cross-end line), `center` (item is centered in the cross-axis), `baseline` (items are aligned such as their baselines are aligned), and `stretch` (stretch to fill the container but still respect `min-width`/`max-width`). O valor padrão é `stretch`.
100
+
`flexWrapBefore` | `Boolean` | Valor booleano que controla o agrupamento de itens. Definindo como `true`forçará o item a agrupar em uma nova linha. O valor padrão é `false`. (Essa propriedade não faz parte da especificação ofical do flexbox.)
Copy file name to clipboardExpand all lines: content/docs/pt-BR/elements/layouts/grid-layout.md
+4-4Lines changed: 4 additions & 4 deletions
Original file line number
Diff line number
Diff line change
@@ -8,7 +8,7 @@ contributors: [alexhiroshi]
8
8
9
9
A grid consiste em linhas, colunas e células. Uma célula pode ocupar uma ou mais linhas e colunas. Pode conter múltiplos elementos filhos que podem ocupar múltiplas linhas e colunas, até uma sobrepor a outra.
10
10
11
-
Por padrão, o `<GridLayout>` tem uma coluna e uma linha. Você pode adicionar colunas e linhas configurando as propriedades `columns` e `rows`. Nessas propriedades, você precisa definir o número de colunas e linha, e a sua largura e altura. Você define o número de colunas e linhas, listando, respectivamente, suas larguras e alturas, separadas por vírgula.
11
+
Por padrão, o `<GridLayout>` tem uma coluna e uma linha. Você pode adicionar colunas e linhas configurando as propriedades `columns` e `rows`. Nessas propriedades, você precisa definir o número de colunas e linha, e a sua largura e altura. Você define o número de colunas e linhas, listando respectivamente suas larguras e alturas, separadas por vírgula.
12
12
13
13
Você pode definir um tamanho fixo para largura da coluna e a altura da linha, ou pode criá-los de maneira responsiva.
14
14
@@ -22,7 +22,7 @@ Veja [Propriedades](#propriedades) para mais informações.
22
22
23
23
#### Layout de Grid com tamanho fixo
24
24
25
-
O exemplo sguinte cria um simples grid 2 por 2 com larguras de colunas fixas e altura de linhas.
25
+
O exemplo seguinte cria um simples grid 2 por 2 com larguras de colunas fixas e altura de linhas.
26
26
27
27
```html
28
28
<GridLayoutcolumns="115, 115"rows="115, 115">
@@ -36,7 +36,7 @@ O exemplo sguinte cria um simples grid 2 por 2 com larguras de colunas fixas e a
36
36
37
37
#### Layout de Grid com tamanho proporcional
38
38
39
-
O exemplo sguinte cria um grid com design responsivo, onde o espaço é alocado proporcionalmente aos elementos filhos.
39
+
O exemplo seguinte cria um grid com design responsivo, onde o espaço é alocado proporcionalmente aos elementos filhos.
O container WrapLayout posiciona os filhos em linhas ou colunas, baseado na propriedade orientation, até o espaço ser preenchido, e então e ele os coloca em uma nova linha ou coluna.
7
+
O container WrapLayout posiciona os filhos em linhas ou colunas, baseado na propriedade orientation até o espaço ser preenchido, e então e ele os coloca em uma nova linha ou coluna.
Copy file name to clipboardExpand all lines: content/docs/pt-BR/getting-started/1-quick-start.md
+8-2Lines changed: 8 additions & 2 deletions
Original file line number
Diff line number
Diff line change
@@ -1,6 +1,6 @@
1
1
---
2
2
title: Introdução rápida
3
-
contributors: [alexhiroshi]
3
+
contributors: [alexhiroshi, WesleiRamos]
4
4
---
5
5
6
6
Se você não quiser ter o trabalho de instalar e configurar seu sistema antes de desenvolver com NativeScript + Vue.js, você pode usar [Playground do NativeScript](/pt-BR/docs/getting-started/playground-tutorial).
@@ -22,4 +22,10 @@ $ npm run watch:<platform>
22
22
23
23
onde platform é `ios` ou `android`.
24
24
25
-
Para mais informações sobre os templates disponíveis, veja a [documentação de templates](/pt-BR/docs/getting-started/templates).
25
+
Este conjunto de comandos realiza as seguintes operações no seu systema:
26
+
27
+
1. Instala o Vue CLI e seu complemento de inicialização no seu sistema. Isto permite você usar NativeScript CLI e o Vue CLI no seu sistema. Ignore esse comando se você já possui o Vue CLI instalado.
28
+
2. Extrai o template selecionado (o template NativeScript-Vue compativel com Vue CLI) e cria um projeto localmente. Este template depende dos componentes `.vue` e fornece roteamento e gerenciamento de estado Vuex pronto para o uso. Para mais informações sobre os templates disponíveis, veja a [documentação de templates](/pt-BR/docs/getting-started/templates).
29
+
3. Alterna para o diretório que contém o projeto recem criado.
30
+
4. Instala qualquer dependência npm localmente.
31
+
5. Cria e executa o projeto em quaisquer dispositivo conectado ou emulador instalado para a plataforma selecionada. A opção `watch` detecta mudanças no código e as aplica automaticamente.
0 commit comments