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; }