调整了我的银行卡样式。review by 草莓。

@@ -31,8 +31,7 @@ export default class BankCardList extends React.Component {
     renderRow(rowData, sectionID, rowID, highlightRow) {
     renderRow(rowData, sectionID, rowID, highlightRow) {
         return (
         return (
             <BankCardListCell
             <BankCardListCell
-                cardNo={"6222024301058186063"}
-                cardBank={"ICBC"} 
+                data={rowData}
             />
             />
         );
         );
     }
     }

@@ -17,7 +17,7 @@ export default class BankCardListCell extends React.Component {
     }
     }
 
 
     render() {
     render() {
-        let{cardNo, cardBank} = this.props;
+        let{cardNo, cardBank} = this.props.data;
 
 
         let bankImg = this.getBankImage(cardBank);
         let bankImg = this.getBankImage(cardBank);
         let newCardNo = this.processBankCardNo(cardNo);
         let newCardNo = this.processBankCardNo(cardNo);
@@ -101,6 +101,10 @@ let styles = StyleSheet.create({
         flex: 1,
         flex: 1,
         alignItems: 'center',
         alignItems: 'center',
         justifyContent: 'center',
         justifyContent: 'center',
+        paddingTop: 15 * DEVICE_WIDTH_RATIO,
+        paddingLeft: 15 * DEVICE_WIDTH_RATIO,
+        paddingRight: 15 * DEVICE_WIDTH_RATIO,
+
     },
     },
     cardBg:{
     cardBg:{
         width: 290 * DEVICE_WIDTH_RATIO,
         width: 290 * DEVICE_WIDTH_RATIO,
@@ -109,8 +113,10 @@ let styles = StyleSheet.create({
 
 
     cardNo:{
     cardNo:{
         position: 'absolute',
         position: 'absolute',
-        top: 60,
-        left: 200,
+        top: 85,
+        left: 100,
+        color: "white",
+        fontSize: 22 * DEVICE_WIDTH_RATIO,
 
 
     }
     }
 });
 });