js部分问题布局问题

margin：12px auto 0     
上 左右 下

   payDom.push(
          <Touchable
            style={[orderWay ? styles.doBtn : styles.button]}
            onPress={() => {
              this.onClick(button, order);
            }}
          >
            <Text
              style={[orderWay ? styles.doBtnText : styles.buttonText]}
            >{button.text}</Text>
          </Touchable>);

css布局（doBtn(坐标等布局)=>doBtnText(字体属性等),  button(坐标等布局)=>buttonText(字体属性等)）

.button {
  width: 160;
  line-height: 64;
  /* height: 64; */
  margin-right: 24;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 1px solid #bcc0c9;
  border-radius: 8;
}

.buttonText {
  font-size: 28;
  color: #6e788a;
}

.doBtn {
  width: 160;
  /* height: 64; */
  margin-right: 24;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 8;
  background-color: #0093ff;
}
.doBtnText {
  font-size: 28;
  line-height: 64;
  color: #ffffff;
}