Você está aqui: React Native ::: React Native - Componentes de Layout ::: Flexbox |
|
Como usar a propriedade flexDirection do React Native para controlar o alinhamento de componentes em uma ViewQuantidade de visualizações: 3328 vezes |
|
Em algumas situações nós precisamos controlar como os componentes que compõem as Views de nossas telas do React Native serão alinhados. Para isso nós podemos usar a propriedade flexDirection do Flexbox, ou seja, do algorítmo Flexbox do CSS3. A propriedade flexDirection permite os seguintes valores: column - Este é o valor padrão e alinha os elementos filhos de uma View começando da parte superior do container e indo em direção à parte inferior (from top to bottom). row - Alinha os elementos filhos de um View da esquerda para a direita (from left to right). Se a quebra de linha estiver habilitada, então uma nova linha de componentes será criada logo abaixo da linha anterior, recomeçando da esquerda para a direita. column-reverse - Faz o inverso do valor column, ou seja, os componentes filhos serão alinhados começando na parte inferior e indo em direção superior (from bottom to top). row-reverse - Faz o inverso do valor row, ou seja, os componentes filhos da View serão alinhados da direita para a esquerda (from right to left). Se a quebra de linha estiver habilitada, então uma nova linha de componentes será criada logo abaixo da linha anterior, recomeçando da direita para a esquerda. Veja uma aplicação React Native completa na qual temos um container View com três botões Button. Note o uso do valor row para a propriedade flexDirection da View: import React, {Component} from 'react'; import {View, Button} from 'react-native'; type Props = {}; export default class App extends Component<Props> { render() { return ( <View style={{backgroundColor: '#eeeeee', padding: 10, flexDirection: 'row'}}> <Button title="Cadastrar" /> <Button title="Listar" /> <Button title="Excluir" /> </View> ); } } |
|
Link para compartilhar na Internet ou com seus amigos: | |
Anúncio Patrocinado | |
C# ::: Dicas & Truques ::: Strings e Caracteres |
Como retornar um caractere a partir de seu código ASCII em C# usando o método ToChar() da classe ConvertQuantidade de visualizações: 12483 vezes |
A classe Convert, do namespace System, possui vários métodos que possibilitam a conversão entre tipos base. Um destes métodos nos permitem informar um número inteiro e obter o caractere ou letra correspondente. Veja um techo de código no qual informamos o valor 65 e obtemos, como retorno, a letra "A": using System; namespace Estudos { class Program { static void Main(string[] args) { int codigo = 65; char letra = Convert.ToChar(codigo); Console.WriteLine("A letra para o código ASCII {0} é {1}", codigo, letra); Console.WriteLine("\n\nPressione uma tecla para sair..."); Console.ReadKey(); } } } Ao executarmos este código C# nós teremos o seguinte resultado: A letra para o código ASCII 65 é A |
Python ::: Dicas & Truques ::: Strings e Caracteres |
Como converter uma string para float ou double em Python usando a função float()Quantidade de visualizações: 1152 vezes |
Em algumas situações nós temos um valor numérico representado por uma string e gostaríamos de convertê-lo para um valor float ou double na linguagem Python. Para isso nós podemos usar a função float(), disponível por padrão na linguagem. Note o uso da função type() para exibirmos o tipo da variável antes e depois da conversão. Veja o código Python completo para o exemplo: # método principal def main(): # vamos pedir para o usuário informar o preço de um produto # note que o preço será lido como uma string preco = input("Informe o valor do produto: ") # vamos exibir o valor lido e o tipo da variável print("Você informou o valor: {0}".format(preco)) print("O tipo da variável é: {0}".format(type(preco))) # agora vamos converter a string para o tipo float preco = float(preco) # vamos mostrar o novo tipo da variável print("O novo tipo da variável é: {0}".format(type(preco))) if __name__== "__main__": main() Ao executar este código Python nós teremos o seguinte resultado: Informe o valor do produto: 45.92 Você informou o valor: 45.92 O tipo da variável é: <class 'str'> O novo tipo da variável é: <class 'float'> É preciso, no entanto, ter cuidado ao informar a string que será convertida para float. Se, em vez de informar o ponto separador de decimal, nós informarmos a vírgula, o seguinte erro será apresentado: Informe o valor do produto: 45,21 Você informou o valor: 45,21 O tipo da variável é: <class 'str'> Traceback (most recent call last): File "c:\estudos_python\estudos.py", line 18, in <module> main() File "c:\estudos_python\estudos.py", line 12, in main preco = float(preco) ValueError: could not convert string to float: '45,21' |
C# ::: Dicas & Truques ::: Data e Hora |
Datas e horas em C# - Como obter o ano da data atual usando a classe Calendar do C#Quantidade de visualizações: 10237 vezes |
Em algumas situações nós precisamos obter apenas o mês do ano da data atual ou para uma determinada data. Isso pode ser feito por meio de uma chamada ao método GetYear() da classe Calendar da linguagem C#. Veja o código completo para o exemplo: using System; using System.Globalization; namespace Estudos{ class Program{ static void Main(string[] args) { DateTime agora = DateTime.Now; Calendar calendario = CultureInfo.InvariantCulture.Calendar; int ano = calendario.GetYear(agora); Console.WriteLine("Estamos no ano: {0}", ano); Console.WriteLine("\n\nPressione uma tecla para sair..."); Console.ReadKey(); } } } Ao executar este código nós teremos o seguinte resultado: Estamos no ano: 2021 |
Delphi ::: Dicas & Truques ::: Data e Hora |
Como obter a diferença de dias entre duas datas em Delphi usando a função DaysBetween()Quantidade de visualizações: 23692 vezes |
Em algumas situações nós precisamos saber a diferença de dias entre duas datas. Para isso podemos usar a função DaysBetween(), presente na unit DateUtil. Esta função recebe dois objetos TDateTime e retorna um inteiro contendo a quantidade de dias entre as duas datas. Observe, no entanto, que a função DaysBetween() retorna apenas a quantidade de dias completos, ou seja, as horas, minutos, segundos e milisegundos são incluídos no cálculo dos dias. Se faltar apenas um segundo para completar um dia, tal dia não será incluído na contagem. Veja um exemplo de seu uso:procedure TForm1.Button1Click(Sender: TObject); var data1, data2: TDateTime; quant_dias: Integer; begin // vamos criar as duas datas, observe que as horas // também foram definidas // primeira data: 12/01/2010 às 09:10:15 data1 := EncodeDateTime(2010, 1, 12, 9, 10, 15, 0); // segunda data: 15/01/2010 às 19:10:15 data2 := EncodeDateTime(2010, 1, 15, 19, 10, 15, 0); // vamos obter a quantidade de dias entre as duas datas quant_dias := DaysBetween(data1, data2); // mostra o resultado ShowMessage('A diferença de dias é: ' + IntToStr(quant_dias)); end; Para fins de compatibilidade, esta dica foi escrita usando Delphi 2009. |
C# ::: Dicas & Truques ::: Arrays e Matrix (Vetores e Matrizes) |
Como pesquisar um valor em um array C# usando o método Find() e um PredicateQuantidade de visualizações: 12579 vezes |
Nesta dica veremos como usar o método Find() da classe Array e um método Predicate para pesquisar um item em um vetor de string na linguagem C#. Note que a função Predicate é fornecida como segundo argumento para o método Find(). Veja o código completo para o exemplo: using System; namespace Estudos { class Program { static void Main(string[] args) { // cria e inicializa um array de strings string[] cidades = {"Goiânia", "São Paulo", "Rio de Janeiro", "Curitiba"}; // pesquisa o valor "Goiânia" string item = Array.Find(cidades, pesquisar); Console.WriteLine(item != null ? "Item encontrado" : "Item não encontrado."); Console.WriteLine("\n\nPressione uma tecla para sair..."); Console.ReadKey(); } // método auxiliar que serve como Predicate para localizar // o valor desejado private static bool pesquisar(String cid) { return (cid.Equals("Goiânia") ? true : false); } } } Ao executar este código C# nós teremos o seguinte resultado: Item encontrado |
Desafios, Exercícios e Algoritmos Resolvidos de C# |
Veja mais Dicas e truques de C# |
Dicas e truques de outras linguagens |
C# - Como retornar a quantidade de itens em uma ListBox do C# Windows Forms usando a propriedade Count |
Códigos Fonte |
Software de Gestão Financeira com código fonte em PHP, MySQL, Bootstrap, jQuery - Inclui cadastro de clientes, fornecedores e ticket de atendimento Diga adeus às planilhas do Excel e tenha 100% de controle sobre suas contas a pagar e a receber, gestão de receitas e despesas, cadastro de clientes e fornecedores com fotos e histórico de atendimentos. Código fonte completo e funcional, com instruções para instalação e configuração do banco de dados MySQL. Fácil de modificar e adicionar novas funcionalidades. Clique aqui e saiba mais |
Controle de Estoque completo com código fonte em PHP, MySQL, Bootstrap, jQuery - 100% funcional e fácil de modificar e implementar novas funcionalidades Tenha o seu próprio sistema de controle de estoque web. com cadastro de produtos, categorias, fornecedores, entradas e saídas de produtos, com relatórios por data, margem de lucro e muito mais. Código simples e fácil de modificar. Acompanha instruções para instalação e criação do banco de dados MySQL. Clique aqui e saiba mais |
Linguagens Mais Populares |
1º lugar: Java |