-
Notifications
You must be signed in to change notification settings - Fork 27
[Para Revisão] - Capítulo 2 - Components - Badges #48
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: readme-update
Are you sure you want to change the base?
Changes from 1 commit
9e9abee
82c683d
93497d6
7f9198b
81733be
8fa54aa
f8c8362
0aac00e
1580180
ea5c5ef
d796e0e
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,85 @@ | ||
Alerts (Alertas) | ||
----------- | ||
|
||
Alertas são uma ótima maneira de oferecer ao usuário a capacidade de escolher uma ação específica ou uma lista de ações. Alerts também podem fornecer ao usuário informações importantes, ou obrigá-los a tomar uma decisão (ou várias decisões). | ||
|
||
Do ponto de vista da UI(interface do usuário) , você pode pensar em Alerts como um tipo de modal "flutuante", que abrange apenas uma parte da tela. | ||
Isto significa que, alerts só devem ser usados para ações rápidas, como verificação de senha, notificações de aplicativos pequenos, ou opções rápidas. Para uso de fluxos mais profundos, devem ser reservadas para Modais em tela cheia. | ||
|
||
Alerts são bastante flexíveis e podem ser facilmente personalizados. Confira a documentação da API para obter mais informações. | ||
|
||
Contents | ||
Basic Alerts | ||
Prompt Alerts | ||
Confirmation Alerts | ||
Radio Alerts | ||
Checkbox Alerts | ||
|
||
|
||
### Uso Básico | ||
|
||
Alerts básicos, são geralmente usados para notificar o usuário sobre novas informações (uma mudança no aplicativo ou um novo recurso), uma situação de urgência que exiga confirmação, ou como uma confirmação ao usuário que uma ação foi bem-sucedida ou não. | ||
|
||
doAlert() { | ||
let alert = Alert.create({ | ||
title: 'Amigo Novo!', | ||
subTitle: 'Seu amigo, Obi Wan Kenobi, apenas aceitou o seu pedido de amizade!', | ||
buttons: ['Ok'] | ||
}); | ||
this.nav.present(alert); | ||
} | ||
|
||
|
||
### Prompt Alerts (Alertas de prompt) | ||
|
||
|
||
Prompts oferecem aos usuários uma maneira de dados ou informações de entrada. Por exemplo, muitas vezes Alerts Prompt será utilizado para pedir a confirmação do usuário e senha, como um meio de segurança antes de avançar no fluxo UX(User Experience) de um aplicativo. | ||
|
||
let prompt = Alert.create({ | ||
title: 'Login', | ||
message: "Digite um nome para este novo álbum, que você está tão interessado em adicionar", | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. A recomendação é sempre usar aspas simples para código JavaScript |
||
inputs: [ | ||
{ | ||
name: 'title', | ||
placeholder: 'Title' | ||
}, | ||
], | ||
buttons: [ | ||
{ | ||
text: 'Cancel', | ||
handler: data => { | ||
console.log('Cancel clicked'); | ||
} | ||
}, | ||
{ | ||
text: 'Save', | ||
handler: data => { | ||
console.log('Saved clicked'); | ||
} | ||
} | ||
] | ||
}); | ||
|
||
### Confirmation Alerts (Confirmação Alertas) | ||
|
||
Confirmação de Alertas são usados quando é necessário que o usuário confirme expressamente uma escolha particular antes de ir adiante no aplicativo. Um exemplo comum do confirmation alert, é verificando se um usuário quer excluir ou remover um contato de sua lista de endereços. | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Uma outra tática que costumo usar é não usar o termo em inglês em alguns trecho, por exemplo, na frase: |
||
|
||
let confirm = Alert.create({ | ||
title: 'Utilize este sabre de luz?', | ||
message: 'Você concorda em usar este sabre de luz para fazer o bem através da galáxia intergaláctica?', | ||
buttons: [ | ||
{ | ||
text: 'Disagree', | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Traduziu a frase acima, precisa atualizar os textos dos botões e dos |
||
handler: () => { | ||
console.log('Disagree clicked'); | ||
} | ||
}, | ||
{ | ||
text: 'Agree', | ||
handler: () => { | ||
console.log('Agree clicked'); | ||
} | ||
} | ||
] | ||
}); | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Remover a palavra apenas, a frase acaba ficando um pouco estranha se traduzir o
just
;)