面试题答案
一键面试- Row:
- 适合场景:用于在水平方向排列子组件。比如在一个导航栏中,将多个导航图标和文字在一行中依次排列;或者在列表项中,将图片和文字描述在同一行展示。
- Column:
- 适合场景:用于在垂直方向排列子组件。像在登录页面,将用户名输入框、密码输入框、登录按钮等组件自上而下垂直排列;或者在个人信息展示页面,将头像、姓名、联系方式等信息垂直布局。
- Stack:
- 适合场景:允许子组件堆叠显示。例如在图片上添加一些半透明的遮罩层并叠加文字说明;或者实现带有徽章(badge)效果的图标,徽章和图标相互堆叠。
- Container:
- 适合场景:用于给子组件添加一些装饰(如背景颜色、边框)、设置边距(padding、margin)以及控制大小。常用于包裹其他组件,给整体布局添加样式。例如,将一个文本组件放在Container中,设置Container的背景色和圆角,让文本看起来有一个带圆角的背景框。