layout.md#12
Merged
Merged
Conversation
juanmorillios
left a comment
juanmorillios
left a comment
There was a problem hiding this comment.
Por favor revisar de nuevo, se ha traducido solo la primera parte de esta sección.
Author
|
@juanmorillios me indicas cual es la parte que falta. 🤓 |
Twinber
reviewed
Aug 3, 2018
| permalink: /layout/ | ||
| --- | ||
|
|
||
| Usted puede ser redirigido a esta página si el maframework detecta un problema que involucre restricciones de cajas. |
Twinber
reviewed
Aug 3, 2018
|
|
||
| ## Introducción | ||
|
|
||
| En Flutter, los widgets son renderizados por sus objetos [`RenderBox`](https://docs.flutter.io/flutter/rendering/RenderBox-class.html) subyacentes. Los cuadros generadores obtienen restricciones por parte de sus padres y se clasifican dentro de esas restricciones. |
There was a problem hiding this comment.
Render boxes are given constraints by their parent, and size themselves within those constraints.
Render boxes obtienen restricciones (constraints) de sus padres y ajustan su tamaño a estas restricciones.
Twinber
reviewed
Aug 3, 2018
| - Aquellos que tratan de tener un tamaño en particular. | ||
| Por ejemplo, las cajas usadas por [`Image`](https://docs.flutter.io/flutter/dart-ui/Image-class.html) y [`Text`](https://docs.flutter.io/flutter/widgets/Text-class.html). | ||
|
|
||
| Algunos widgets, por ejemplo [`Container`](https://docs.flutter.io/flutter/widgets/Container-class.html), varian de tipo en tipo basados en sus argumentos de construcción. En el caso de [`Container`](https://docs.flutter.io/flutter/widgets/Container-class.html), este por defecto trata de ser tan grande como sea posible, pero si tu colocas un valor en `width`, para esa instancia, trata de honrar ese valor y tomar un tamaño particular. |
There was a problem hiding this comment.
honrar suena raro... quizás "trata de ajustase a ese valor"
Twinber
reviewed
Aug 3, 2018
|
|
||
| Otras, por ejemplo [`Row`](https://docs.flutter.io/flutter/widgets/Row-class.html) y [`Column`](https://docs.flutter.io/flutter/widgets/Column-class.html) (cajas flexibles) varían basándose en las restricciones que se les otorgue, como se describe a continuación en la sección "Flex". | ||
|
|
||
| Las restricciones a veces son "estrictas", lo que significa que no dejan espacio para que la caja en el renderizado decida un tamaño |
Twinber
reviewed
Aug 3, 2018
| Otras, por ejemplo [`Row`](https://docs.flutter.io/flutter/widgets/Row-class.html) y [`Column`](https://docs.flutter.io/flutter/widgets/Column-class.html) (cajas flexibles) varían basándose en las restricciones que se les otorgue, como se describe a continuación en la sección "Flex". | ||
|
|
||
| Las restricciones a veces son "estrictas", lo que significa que no dejan espacio para que la caja en el renderizado decida un tamaño | ||
| (e.g. si el mínimo y máximo de ancho son el mismo, se dice que tienen un ancho estricto). El widget de ejemplo principal de esta `App`, es restringido por la clase |
There was a problem hiding this comment.
The
main example of this is the App widget, which is contained by the
RenderView class
El ejemplo principal de esto es el widget App, el cual es contenido por la clase RenderView
Twinber
reviewed
Aug 3, 2018
|
|
||
| Las restricciones a veces son "estrictas", lo que significa que no dejan espacio para que la caja en el renderizado decida un tamaño | ||
| (e.g. si el mínimo y máximo de ancho son el mismo, se dice que tienen un ancho estricto). El widget de ejemplo principal de esta `App`, es restringido por la clase | ||
| [`RenderView`](https://docs.flutter.io/flutter/rendering/RenderView-class.html): la caja usada por el hijo devuelto por la función principal de la aplicación [`build`](https://docs.flutter.io/flutter/widgets/State/build.html) le da una restricción que lo fuerza a llenar exactamente el área del contenido de la aplicación (comúnmente toda la aplicación). Muchas de las cajas en Flutter, especialmente aquellas que tienen un único hijo, van a pasar sus restricciones a sus hijos. Eso significa que si anida un grupo de cajas dentro de otra en la raíz del árbol de renderizado de tu aplicación, todas encajarán exactamente entre sí, forzadas por las restricciones estrictas. |
There was a problem hiding this comment.
the box used by the child returned by the
application's build function is given a constraint that forces it to exactly fill the application's content area (typically, the entire
screen)
la caja usada por el hijo retornado por la función build de la aplicación, le da una restricción que lo fuerza a rellenar exactamente el área de contención de la aplicación ( normalmente, toda la pantalla)
Twinber
reviewed
Aug 3, 2018
|
|
||
| Una caja que trata de ser tan grande como pueda, no tendrá una función útil cuando se le dan restricciones ilimitadas, y en modo chequeado, esa combinación va a lanzar una excepción que apunta a ese archivo. | ||
|
|
||
| Los casos más comunes en los que se encuentra una caja de renderizado con restricciones ilimitadas están dentro de las cajas flexibles ([`Row`](https://docs.flutter.io/flutter/widgets/Row-class.html) |
Twinber
reviewed
Aug 3, 2018
|
|
||
| Los casos más comunes en los que se encuentra una caja de renderizado con restricciones ilimitadas están dentro de las cajas flexibles ([`Row`](https://docs.flutter.io/flutter/widgets/Row-class.html) | ||
| y [`Column`](https://docs.flutter.io/flutter/widgets/Column-class.html)), | ||
| y **dentro de regiones desplazables** |
There was a problem hiding this comment.
creo que la palabra scrollable no debería traducirse
Twinber
reviewed
Aug 3, 2018
| y [`Column`](https://docs.flutter.io/flutter/widgets/Column-class.html)), | ||
| y **dentro de regiones desplazables** | ||
| ([`ListView`](https://docs.flutter.io/flutter/widgets/ListView-class.html) | ||
| y otras subclasses de [`ScrollView`](https://docs.flutter.io/flutter/widgets/ScrollView-class.html)). |
Twinber
reviewed
Aug 3, 2018
| y otras subclasses de [`ScrollView`](https://docs.flutter.io/flutter/widgets/ScrollView-class.html)). | ||
|
|
||
| En particular, [`ListView`](https://docs.flutter.io/flutter/widgets/ListView-class.html) | ||
| trata de expandirse para tratar de encajar en el espacio disponible en su dirección transversal (i.e. Si es un bloque de desplazamiento vertical, tratara de ser tan ancho como su padre). Si anida un |
Twinber
reviewed
Aug 3, 2018
|
|
||
| En particular, [`ListView`](https://docs.flutter.io/flutter/widgets/ListView-class.html) | ||
| trata de expandirse para tratar de encajar en el espacio disponible en su dirección transversal (i.e. Si es un bloque de desplazamiento vertical, tratara de ser tan ancho como su padre). Si anida un | ||
| [`ListView`](https://docs.flutter.io/flutter/widgets/ListView-class.html) con desplazamiento vertical dentro de un [`ListView`](https://docs.flutter.io/flutter/widgets/ListView-class.html) con desplazamiento horizontal el interno tratara de ser tan ancho como sea posible, el cual es amplio infinitamente, puesto que el externo es desplazable en esa dirección. |
There was a problem hiding this comment.
desplazamiento vertical -> scroll vertical
desplazamiento horizontal -> scroll horizontal
which is infinitely wide -> el cual es infinitamente ancho.
es desplazable -> es scrollable
Twinber
reviewed
Aug 3, 2018
| trata de expandirse para tratar de encajar en el espacio disponible en su dirección transversal (i.e. Si es un bloque de desplazamiento vertical, tratara de ser tan ancho como su padre). Si anida un | ||
| [`ListView`](https://docs.flutter.io/flutter/widgets/ListView-class.html) con desplazamiento vertical dentro de un [`ListView`](https://docs.flutter.io/flutter/widgets/ListView-class.html) con desplazamiento horizontal el interno tratara de ser tan ancho como sea posible, el cual es amplio infinitamente, puesto que el externo es desplazable en esa dirección. | ||
|
|
||
| Flexibles |
There was a problem hiding this comment.
Dejaría Flex sin traducir, ya que es comunmente usado en entornos como CSS
Twinber
reviewed
Aug 3, 2018
| Flexibles | ||
| --------- | ||
|
|
||
| Las cajas comunes ([`Row`](https://docs.flutter.io/flutter/widgets/Row-class.html) |
There was a problem hiding this comment.
Flex boxes themselves (Row
and Column)
behave differently based on
whether they are in a bounded constraints or unbounded constraints in
their given direction.
Las cajas flexibles en si mismas, (Row
y Column) se comportan de forma diferente en función de si tienen restricciones limitadas o restricciones ilimitadas en su dirección dada.
Twinber
reviewed
Aug 3, 2018
| En restricciones limitadas, tratan de ser lo más grande posible en esa dirección. | ||
|
|
||
| En las restricciones ilimitadas, tratan de adaptarse a sus hijos en esa dirección. En ese caso, tú no puedes colocar valor en `flex` en los hijos o en ningún otro que no sea 0 (el valor por defecto). En la librería de widget, esto significa que no puedes usar [`Expanded`](https://docs.flutter.io/flutter/widgets/Expanded-class.html) | ||
| cuando una caja flexible está dentro de otra caja flexible o dentro de una desplazable. Si lo haces, Obtendrás un mensaje de excepción apuntando a ese documento. |
There was a problem hiding this comment.
desplazable -> scrollable
en mi opinión.
Twinber
reviewed
Aug 3, 2018
Twinber
left a comment
Twinber
left a comment
There was a problem hiding this comment.
He añadido unos cuentas comentarios de como creo que se entendería mejor
|
He vuelto a revisar y si tienes razón esta todo completo. |
juanmorillios
previously approved these changes
Aug 3, 2018
Author
|
Gracias @Twinber he efectuado las modificaciones, solito tu ayuda con el review nuevamente 🤓 |
Arkangel12
requested changes
Aug 3, 2018
| - Aquellos que tratan de tener un tamaño en particular. | ||
| Por ejemplo, las cajas usadas por [`Image`](https://docs.flutter.io/flutter/dart-ui/Image-class.html) y [`Text`](https://docs.flutter.io/flutter/widgets/Text-class.html). | ||
|
|
||
| Algunos widgets, por ejemplo [`Container`](https://docs.flutter.io/flutter/widgets/Container-class.html), varian de tipo en tipo basados en sus argumentos de construcción. En el caso de [`Container`](https://docs.flutter.io/flutter/widgets/Container-class.html), este por defecto trata de ser tan grande como sea posible, pero si tu colocas un valor en `width`, para esa instancia, trata de ajustarse a ese valor y tomar un tamaño particular. |
There was a problem hiding this comment.
pero si colocas un valor (No creo necesario el "tu")
| Otras, por ejemplo [`Row`](https://docs.flutter.io/flutter/widgets/Row-class.html) y [`Column`](https://docs.flutter.io/flutter/widgets/Column-class.html) (cajas flexibles) varían basándose en las restricciones que se les otorgue, como se describe a continuación en la sección "Flex". | ||
|
|
||
| Las restricciones a veces son "estrictas", lo que significa que no dejan espacio para que el Render Box decida un tamaño | ||
| (e.g. si el mínimo y máximo de ancho son el mismo, se dice que tienen un ancho estricto). El ejemplo principal de esto es el widget`App`, el cual es contenido por la clase |
|
|
||
| Los casos más comunes en los que se encuentra una Render Box con restricciones ilimitadas están dentro de las cajas flexibles ([`Row`](https://docs.flutter.io/flutter/widgets/Row-class.html) | ||
| y [`Column`](https://docs.flutter.io/flutter/widgets/Column-class.html)), | ||
| y **dentro de regiones scrollables** |
|
|
||
| En particular, [`ListView`](https://docs.flutter.io/flutter/widgets/ListView-class.html) | ||
| trata de expandirse para tratar de encajar en el espacio disponible en su dirección transversal (i.e. Si es un bloque de scroll vertical, tratara de ser tan ancho como su padre). Si anida un | ||
| [`ListView`](https://docs.flutter.io/flutter/widgets/ListView-class.html) con scroll vertical dentro de un [`ListView`](https://docs.flutter.io/flutter/widgets/ListView-class.html) con scroll horizontal el interno tratara de ser tan ancho como sea posible, el cual es infinitamente ancho, puesto que el externo es scrollable en esa dirección. |
|
|
||
| En restricciones limitadas, tratan de ser lo más grande posible en esa dirección. | ||
|
|
||
| En las restricciones ilimitadas, tratan de adaptarse a sus hijos en esa dirección. En ese caso, tú no puedes colocar valor en `flex` en los hijos o en ningún otro que no sea 0 (el valor por defecto). En la librería de widget, esto significa que no puedes usar [`Expanded`](https://docs.flutter.io/flutter/widgets/Expanded-class.html) |
There was a problem hiding this comment.
no se debe color valor flex (para evitar el tú)
| En restricciones limitadas, tratan de ser lo más grande posible en esa dirección. | ||
|
|
||
| En las restricciones ilimitadas, tratan de adaptarse a sus hijos en esa dirección. En ese caso, tú no puedes colocar valor en `flex` en los hijos o en ningún otro que no sea 0 (el valor por defecto). En la librería de widget, esto significa que no puedes usar [`Expanded`](https://docs.flutter.io/flutter/widgets/Expanded-class.html) | ||
| cuando una caja flexible está dentro de otra caja flexible o dentro de una scrollable. Si lo haces, Obtendrás un mensaje de excepción apuntando a ese documento. |
Arkangel12
approved these changes
Aug 3, 2018
|
si ya dos de los comañeros estan de acuerdo que esta correcto no sere yo quien detenga el aporte! avancemos! 😄 |
Closed
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
4 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Srs, Termine la traducción de layout.md favor sus comentarios.