css - 不变违规：“verticalAlign”不是有效的样式属性

Question

我尝试将文本放在按钮中间，但每当我使用时，vertical-align: middle我都会收到错误消息。所以有什么问题？

  <view>
        <touchable-opacity class="button"
            :on-press="onPressLearnMore"
          >
        <text class="loginText">login</text>
          </touchable-opacity>
        </view>

我的CSS：

.loginText{
  color: white;
  vertical-align: middle;
}
.button{
  padding: 10px;
  background-color: #0B5376;
  width: 250px;
  height: 50px;
}

Answer 1

Vue Native 中没有垂直对齐。

将 alignItems 与 flexbox 一起使用： https ://nativescript-vue.org/en/docs/elements/layouts/flexbox-layout/

  style={{
    flex: 1,
    flexDirection: 'row',
    alignItems: 'center',
  }}