Layout de sobreposição flutuante Pilha, posicionado além da tela

No layout em cascata, o componente filho pode determinar sua própria posição de acordo com a posição dos quatro cantos do contêiner pai.
Stack permite que os componentes filhos sejam empilhados e Positioned é usado para determinar a posição do componente filho de acordo com os quatro cantos da Pilha.

Pilha

Stack({
    Key key,
    this.alignment = AlignmentDirectional.topStart,
    this.textDirection,
    this.fit = StackFit.loose,
    this.overflow = Overflow.clip,
    this.clipBehavior = Clip.hardEdge,
    List<Widget> children = const <Widget>[],
  })

Descrição da Propriedade

  • alinhamento: Este parâmetro determina como alinhar os subcomponentes que não estão posicionados (não usando Positioned) ou parcialmente posicionados. O chamado posicionamento parcial aqui refere-se especificamente ao não posicionamento em um determinado eixo: esquerda e direita são eixos horizontais, superior e inferior são eixos verticais, desde que um atributo de posicionamento em um determinado eixo seja incluído, ele é considerado posicionado nesse eixo.
  • textDirection: Igual à função textDirection de Row e Wrap, é usada para determinar o sistema de referência para alinhamento de alinhamento, ou seja, se o valor de textDirection for TextDirection.ltr, então o início do alinhamento representa a esquerda e o final representa a direita, ou seja, a ordem da esquerda para a direita; O valor de textDirection é TextDirection.rtl, então o início do alinhamento representa a direita e o final representa a esquerda, ou seja, a ordem da direita para a esquerda.
  • fit: Este parâmetro é usado para determinar como os subcomponentes não posicionados se encaixam no tamanho da Pilha. StackFit.loose significa usar o tamanho do subcomponente e StackFit.expand significa expandir para o tamanho da pilha.
  • overflow: Esta propriedade determina como exibir os subcomponentes que excedem o espaço de exibição do Stack, quando o valor for Overflow.clip, a parte em excesso será recortada (ocultada), e quando o valor for Overflow.visible, não. (obsoleto)
  • clipBehavior: Esta propriedade determina como exibir se o subcomponente além do Stack está recortado; quando o valor for Clip.hardEdge, a parte em excesso será recortada (oculta), quando o valor for Clip.none, não será exibido e a parte em excesso será exibida

Guess you like

Origin blog.csdn.net/lqw200931116/article/details/123372095