一,线性布局
Column容器内子元素按照垂直方向排列,row容器内子元素按照水平方向排列。
1,元素垂直向下排列布局
是沿着从上到下,或从下到上的布局
样式为:Column
2,行布局
是沿着水平面方向布局的
样式为:row
3,常用组件
分别是{text文本},{Button按钮组件,通常用于相应用户的使用。其中包括:胶囊按钮,圆形按钮,普通按钮等。},{TextArea是输入框架组件}
1.text文本
text是文本组件,通常用于加入一些视图,文字,文章等。
2,Button按钮组件
Button还可以作为容器通过添加子组件来添加一些带有文字,图片的按钮。
其一,胶囊类型也是默认按钮(Capsule):
此按钮的圆角会自动设置高度的一半,不支持通过borderRadius属性重新设置圆角的高度其二, 圆形按钮(Circle)
此类型按钮为圆形,不支持通过borderRadius属性重新设置圆角。其三,普通按钮(Normal)
此类型的按钮默认圆角为0,可以通过borderRadius属性重新设置圆角。
补充还可以通过加入文本样式来调整按钮文本的样式
和背景颜色
3,TextArea是输入框架组件
通常用于响应用户的输入操作,比如评论区的输入、聊天框的输入、表格的输入等,也可以结合其它组件构建功能页面,例如登录注册页面。
设置输入框类型TextInput有9种可选类型:
基本输入模式(默认类型)
密码输入模式
自定义样式