cd新的排版

android/app/src/main/java/com/zzliaoyuan/power_sensor/fragment/UHFReadTagFragment.java

@@ -57,6 +57,20 @@ public class UHFReadTagFragment {
         readAssets();
     }
 
+    private String getNewTid(String tid){
+
+//        StringBuffer sb = new StringBuffer();
+        //
+        char ch[] = tid.toCharArray();
+        for(int i=0; i<ch.length; i++)
+        {
+            ch[i] += 0x33;
+        }
+        String result = new String(ch);
+        System.out.println("-----======="+result);
+        return result;
+    }
+
     private void readTag() {
         // wsdd 点击开始按钮后，开始执行扫描
         // wsdd 单步读取的数据
@@ -64,7 +78,9 @@ public class UHFReadTagFragment {
         if (strUII != null) {
 //            String strTid = "E28011052000715CA32D0A1C"; //strUII.getTid();
 //            String strUser = "2F83FE1758F601C6E70BECF1DCCC491866D30D5D5178FA48CFD18A87A7709D42A5EC8599882C8EDF3E3D6DA0E6EB1FE0"; //strUII.getUser();
-            String strTid = strUII.getTid();
+//            String strTid = strUII.getTid();
+            String strTid = getNewTid(strUII.getTid()); // 需要加密
+
             String strUser = strUII.getUser();
             if (strUser != null && strTid != null) {
                 String Data = "{\"userData\":\"" + strUser + "\""; // 读取的用户区数据
@@ -75,31 +91,41 @@ public class UHFReadTagFragment {
                 if (strUser.length() > 96 && product != null) {
 
                     Data += ",\"error\":0"; // 错误提示
-                    Data += ",\"assetID\":\"" + product.barcode.replace("\\s*","").trim()  + "\""; // 资产编号-->条形码
+                    Data += ",\"barcode\":\"" + product.barcode.replace("\\s*","").trim()  + "\""; // 条形码
+                    Data += ",\"orgType\":\"" + product.orgType + "\""; // 单位类别
                     Data += ",\"model\":\"" + product.model + "\""; // 型号
+                    Data += ",\"connection\":\"" + product.connection + "\""; // 接线方式
                     Data += ",\"manufacturer\":\"" + product.manufacturer + "\""; // 生产厂家
                     Data += ",\"kind\":\"" + product.kind + "\""; // 产品类型
-//                    Data += ",\"district\":\"" + product.district + "\""; // 用户地区代码
-                    Data += ",\"districtText\":\"" + product.assetAttribution + "\""; // 用户地区-->资产归属地
-                    Data += ",\"place\":\"" + product.ratedFrequencyAndPlace + "\""; // 安装场所
-                    Data += ",\"voltageLevel\":\"" + product.ratedVoltage + "\""; // 电压等级-->额定电压
-                    Data += ",\"secondWindingCount\":\"" + product.windingCount + "\""; // 二次绕组数量-->绕组配置
-                    Data += ",\"secondVoltage\":\"" + "" + "\""; // 二次电压 缺失
-                    Data += ",\"firstCurrent\":\"" + "" + "\""; // 一次电流 缺失
-                    Data += ",\"senondCurrent\":\"" + "" + "\""; // 二次电流 缺失
-                    Data += ",\"accuracy\":\"" + "" + "\""; // 准确等级 缺失
-                    Data += ",\"ratedLoad\":\"" + "" + "\""; // 额定负荷 缺失
+                    Data += ",\"assetAttribution\":\"" + product.assetAttribution + "\""; // 资产归属地
+                    Data += ",\"ratedFrequencyAndPlace\":\"" + product.ratedFrequencyAndPlace + "\""; // 安装场所
+                    Data += ",\"ratedVoltage\":\"" + product.ratedVoltage + "\""; // 额定电压
+                    Data += ",\"windingCount\":\"" + product.windingCount + "\""; // 绕组配置
+                    Data += ",\"transformer\":\"" + product.transformer + "\""; // 互感器原理
+                    Data += ",\"insulation\":\"" + product.insulation + "\""; // 绝缘方式
                     Data += ",\"releaseDate\":\"" + product.releaseDate + "\""; // 出厂日期
-                    Data += ",\"voltageFactor\":\"" + "" + "\""; // 电压因数 缺失
                     Data += ",\"version\":\"" + product.version + "\""; // 版本
                     Data += ",\"powerFactor\":\"" + product.powerFactor + "\""; // 功率因数
-//                    writeAssets(product.assetID);
+                    Data += ",\"ratedCurrent1\":\"" + product.ratedCurrent1 + "\""; // 额定电流变化比1
+                    Data += ",\"ratedCurrent2\":\"" + product.ratedCurrent2 + "\""; // 额定电流变化比2
+                    Data += ",\"ratedCurrent3\":\"" + product.ratedCurrent3 + "\""; // 额定电流变化比3
+                    Data += ",\"ratedSecondLoadTA\":\"" + product.ratedSecondLoadTA + "\""; // TA额定二次负荷
+                    Data += ",\"overlightLoadTA\":\"" + product.overlightLoadTA + "\""; // TA轻载负荷
+                    Data += ",\"precisionTA\":\"" + product.precisionTA + "\""; // TA精度
+                    Data += ",\"voltageChangeRate\":\"" + product.voltageChangeRate + "\""; // 电压变比
+                    Data += ",\"ratedSecondLoadTV\":\"" + product.ratedSecondLoadTV + "\""; // TV额定二次负荷
+                    Data += ",\"overlightLoadTV\":\"" + product.overlightLoadTV + "\""; // TV轻载负荷
+                    Data += ",\"precisionTV\":\"" + product.precisionTV + "\""; // TV精度
+                    Data += ",\"flagAndRight\":\"" + product.flagAndRight + "\""; // 设备计量产权
+                    Data += ",\"encodeType\":\"" + product.encodeType + "\""; // 加密方式
+                    Data += ",\"securityAndExpansionFactor\":\"" + product.securityAndExpansionFactor + "\""; // 额定一次电流扩大倍数
+                    Data += ",\"assetProperty\":\"" + product.assetProperty + "\""; // 资产归属
                     writeAssets(product.barcode);
                     // wsdd 添加读取的数据,此处应该返回数据strEPC到RN
                     // 返回给RN的数据格式 {"userData":"6a173f0fd2a140cf20204fbaa6d1c0158518031da248f306535dc6d10026a7c985671ae611afb4c151feb5712eba3d52","assetID":"4330012800000002178203  ","model":"002型","manufacturer":"北京***公司","kind":"电压互感器"}
                 } else {
                     Data += ",\"error\":1";
-                    Data += ",\"error_msg\":\"格式错误(" + strUser.length() + ")：" + strUser + "\"";
+                    Data += ",\"error_msg\":\"格式错误(" + strUser.length() + ")：" + strUser + "==="+strUII.getTid() + "==="+ strTid+ "\"";
                 }
                 Data += "}";
                 MainApplication.GetReactPackage().reactModule.sendMsgToRN("MsgFromAndroid", Data);

jscore/pages/Desktop/Home.js

@@ -13,6 +13,37 @@ class DesktopHome extends Component {
         super(props);
         this.state = {
             data: [],
+            data2: [
+                {
+                    barcode: "4330012800000003232126",
+                    orgType: "国网公司",
+                    model: "YJLSZ-JF-10-630",
+                    connection: "三相三线",
+                    windingCount: "1",
+                    transformer: "线性反应原理",
+                    insulation: "油浸式",
+                    ratedVoltage: "1000kV/√3",
+                    ratedFrequencyAndPlace: "100Hz,户外",
+                    powerFactor: "0.8",
+                    ratedCurrent1: "1000000/5",
+                    ratedCurrent2: "1000000/5",
+                    ratedCurrent3: "1000000/5",
+                    ratedSecondLoadTA: "17.5",
+                    overlightLoadTA: "18.5",
+                    precisionTA: "0.5SS",
+                    voltageChangeRate: "10000/√3/100/√3",
+                    ratedSecondLoadTV: "17.5",
+                    overlightLoadTV: "18.5",
+                    precisionTVoverlightLoadTV: "0.5SS",
+                    flagAndRight: "新，局属",
+                    encodeType: "国标",
+                    securityAndExpansionFactor: "10,1.2",
+                    releaseDate: "2023-07",
+                    assetProperty: "供电企业资产，营销",
+                    manufacturer: "武汉高压研究所新技术公司华电电气技术有限公司",
+                    assetAttribution: "国网天府新区供电公司客户服务中心",
+                }
+            ],
             userData: [], //防止重复扫描
             no_begin: '8',
             no_length: '14',
@@ -52,7 +83,7 @@ class DesktopHome extends Component {
     _addCode = async (item) => {
         const str = JSON.parse(item)
         // 防止重复扫描
-        const show_type =  await SyncStorage.get('show_type') // ?? '1'
+        const show_type = await SyncStorage.get('show_type') // ?? '1'
         let {data, userData, error} = this.state;
         const product_index = userData.indexOf(str['userData'])
         if (product_index < 0) {
@@ -98,166 +129,126 @@ class DesktopHome extends Component {
         this.setState({isStart: !isStart})
     }
 
-    dianYaRender = (item, index) => {
-        const assetID = item.assetID.slice(parseInt(this.state.no_begin) - 1, parseInt(this.state.no_begin) + parseInt(this.state.no_length) - 1)
-        const releaseDates = item.releaseDate.split('-')
-        const releaseDate = releaseDates[0] + "年" + releaseDates[1] + "月"
-
+    dianLiuRender = (item, index) => {
         return (
             <View
-                key={item.userData}
+                key={item.barcode}
                 style={styles.mainView}
             >
-                <Text style={styles.textColor}>计量{item.kind}</Text>
-                <View style={styles.betweenView}>
-                    <Text style={styles.textColor3}>型号：{item.model}</Text>
-                    <View style={styles.centerWidth}>
-                        <Text style={styles.textColor3}>电压等级：{item.voltageLevel}kV</Text>
-                    </View>
-                    <Text style={styles.textColor3}>绕组数量：{item.secondWindingCount}</Text>
+                <View style={{
+                    // marginHorizontal: 5,
+                }}>
+                    <Barcode value={item.barcode} format="CODE128" height={35} width={1.1}/>
+                    <Text style={styles.textColor}>{item.barcode}</Text>
                 </View>
                 <View style={styles.betweenView}>
-                    <Text style={styles.textColor4}>二次电压</Text>
-                    <View style={styles.centerWidth}>
-                        <Text style={styles.textColor4}>准确等级</Text>
-                    </View>
-                    <View style={styles.rightWidth}>
-                        <Text style={styles.textColor4}>功率因数</Text>
-                    </View>
-                    <Text style={styles.textColor4}>生产日期</Text>
+                    <Text style={styles.textLeft50}>单位类别 <Text style={styles.textRed}>{item.orgType}</Text></Text>
+                    <Text style={styles.textLeft50}>产品名称 <Text style={styles.textRed}>电流电压组合互感器</Text></Text>
                 </View>
                 <View style={styles.betweenView}>
-                    <View style={styles.centerView}>
-                        <Text style={styles.textColor4}>{item.secondVoltage}kV</Text>
-                    </View>
-                    <View style={styles.centerWidth}>
-                        <Text style={styles.textColor4}>{item.accuracy}</Text>
-                    </View>
-                    <View style={styles.rightWidth}>
-                        <Text style={styles.textColor4}>{item.powerFactor}</Text>
-                    </View>
-                    <View style={styles.centerView}>
-                        <Text style={styles.textColor4}>{releaseDate}</Text>
-                    </View>
+                    <Text style={styles.textLeft50}>产品型号 <Text style={styles.textRed}>{item.model}</Text></Text>
+                    <Text style={styles.textLeft50}>接线方式 <Text style={styles.textRed}>{item.connection}</Text></Text>
                 </View>
                 <View style={styles.betweenView}>
-                    <Text style={styles.textColor3}>安装场所：{item.place}</Text>
-                    <View style={styles.centerWidth}>
-                        <Text style={styles.textColor3}>额定负荷：{item.ratedLoad}VA</Text>
-                    </View>
-                    <Text style={styles.textColor3}>电压因数：{item.voltageFactor}</Text>
+                    <Text style={[styles.textColor, {borderRightWidth: 0.5,textAlign: 'left',  width: '30%'}]}>绕组配置 <Text
+                        style={styles.textRed}>{item.windingCount}</Text></Text>
+                    <Text style={[styles.textColor, {borderRightWidth: 0.5,textAlign: 'left',  width: '40%'}]}>互感器原理 <Text
+                        style={styles.textRed}>{item.transformer}</Text></Text>
+                    <Text style={[styles.textColor, {textAlign: 'left', width: '30%'}]}>绝缘方式 <Text
+                        style={styles.textRed}>{item.insulation}</Text></Text>
+                    {/*<Text style={{borderRightColor}}>绝缘方式 <Text style={styles.textRed}>{item.insulation}</Text></Text>*/}
                 </View>
                 <View style={styles.betweenView}>
-                    <View style={styles.centerView}>
-                        <Text style={styles.textColor3}>{item.manufacturer}</Text>
-                    </View>
-                    <View style={{
-                        width: (screenW - 10) / 3 * 2,
-                        borderLeftWidth: 0.5,
-                        borderLeftColor: '#7b7b7b',
-                    }}>
-                        <View style={{
-                            flexDirection: 'row',
-                            marginHorizontal: 3,
-                        }}>
-                            <View style={{
-                                flex: 1,
-                            }}>
-                                <Text style={[styles.textColor, {textAlign: 'left'}]}>{item.districtText}</Text>
-                            </View>
-                            <Text style={[styles.textColor, {textAlign: 'right', paddingRight: 5}]}>NO.{assetID}</Text>
-                        </View>
-                        <View style={{
-                            marginHorizontal: 5,
-                        }}>
-                            <Barcode value={item.assetID} format="CODE128" height={35} width={1.1}/>
-                            <Text style={styles.textColor}>{item.assetID}</Text>
-                        </View>
-                    </View>
+                    <Text style={[styles.textColor, {borderRightWidth: 0.5,textAlign: 'left',  width: '30%'}]}>额定电压 <Text
+                        style={styles.textRed}>{item.ratedVoltage}</Text></Text>
+                    <Text style={[styles.textColor, {borderRightWidth: 0.5,  width: '40%'}]}>额定频率,安装场所 <Text
+                        style={styles.textRed}>{item.ratedFrequencyAndPlace}</Text></Text>
+                    <Text style={[styles.textColor, {textAlign: 'left', width: '30%'}]}>功率因数 <Text
+                        style={styles.textRed}>{item.powerFactor}</Text></Text>
                 </View>
-
-            </View>
-        )
-    }
-
-    dianLiuRender = (item, index) => {
-        const assetID = item.assetID.slice(parseInt(this.state.no_begin) - 1, parseInt(this.state.no_begin) + parseInt(this.state.no_length) - 1)
-        const releaseDates = item.releaseDate.split('-')
-        const releaseDate = releaseDates[0] + "年" + releaseDates[1] + "月"
-        // todo districtText 长度待调试
-        return (
-            <View
-                key={item.userData}
-                style={styles.mainView}
-            >
-                <Text style={styles.textColor}>计量{item.kind}</Text>
                 <View style={styles.betweenView}>
-                    <Text style={styles.textColor3}>型号：{item.model}</Text>
-                    <View style={styles.centerWidth}>
-                        <Text style={styles.textColor3}>电压等级：{item.voltageLevel}kV</Text>
-                    </View>
-                    <Text style={styles.textColor3}>绕组数量：{item.secondWindingCount}</Text>
+                    <Text style={[styles.textColor, {borderRightWidth: 0.5, width: '25%'}]}>额定电流变化比(A)</Text>
+                    <Text style={[styles.textColor, {borderRightWidth: 0.5, width: '25%'}]}>TA额定二次负荷(VA)</Text>
+                    <Text style={[styles.textColor, {borderRightWidth: 0.5, width: '25%'}]}>TA轻载负荷(VA)</Text>
+                    <Text style={[styles.textColor, {width: '25%'}]}>TA精度</Text>
                 </View>
                 <View style={styles.betweenView}>
-                    <Text style={styles.textColor4}>一次电流</Text>
-                    <View style={styles.centerWidth}>
-                        <Text style={styles.textColor4}>二次电流</Text>
-                    </View>
-                    <View style={styles.rightWidth}>
-                        <Text style={styles.textColor4}>功率因数</Text>
-                    </View>
-                    <Text style={styles.textColor4}>生产日期</Text>
+                    <Text style={[styles.textColor, {borderRightWidth: 0.5, width: '25%'}]}>电流变比1 <Text
+                        style={styles.textRed}>{item.ratedCurrent1}</Text></Text>
+                    <Text style={{borderRightWidth: 0.5, width: '25%'}}/>
+                    <Text style={{borderRightWidth: 0.5, width: '25%'}}/>
+                    <Text style={{width: '25%'}}/>
+                </View>
+                <View style={[styles.betweenView, {borderTopWidth: 0,}]}>
+                    <Text style={[styles.textColor, {
+                        borderRightWidth: 0.5,
+                        borderTopWidth: 0.5,
+                        width: '25%'
+                    }]}>电流变比2 <Text style={styles.textRed}>{item.ratedCurrent2}</Text></Text>
+                    <Text style={[styles.textColor, {borderRightWidth: 0.5, width: '25%'}]}><Text
+                        style={styles.textRed}>{item.ratedSecondLoadTA}</Text></Text>
+                    <Text style={[styles.textColor, {borderRightWidth: 0.5, width: '25%'}]}><Text
+                        style={styles.textRed}>{item.overlightLoadTA}</Text></Text>
+                    <Text style={[styles.textColor, {width: '25%'}]}><Text
+                        style={styles.textRed}>{item.precisionTA}</Text></Text>
+                </View>
+                <View style={[styles.betweenView, {borderTopWidth: 0,}]}>
+                    <Text style={[styles.textColor, {
+                        borderRightWidth: 0.5,
+                        borderTopWidth: 0.5,
+                        width: '25%'
+                    }]}>电流变比3 <Text style={styles.textRed}>{item.ratedCurrent3}</Text></Text>
+                    <Text style={{borderRightWidth: 0.5, width: '25%'}}/>
+                    <Text style={{borderRightWidth: 0.5, width: '25%'}}/>
+                    <Text style={{width: '25%'}}/>
                 </View>
                 <View style={styles.betweenView}>
-                    <View style={styles.centerView}>
-                        <Text style={styles.textColor4}>{item.firstCurrent}A</Text>
-                    </View>
-                    <View style={styles.centerWidth}>
-                        <Text style={styles.textColor4}>{item.senondCurrent}A</Text>
-                    </View>
-                    <View style={styles.rightWidth}>
-                        <Text style={styles.textColor4}>{item.powerFactor}</Text>
-                    </View>
-                    <View style={styles.centerView}>
-                        <Text style={styles.textColor4}>{releaseDate}</Text>
-                    </View>
+                    <Text style={[styles.textColor, {borderRightWidth: 0.5, width: '25%'}]}>电压比</Text>
+                    <Text style={[styles.textColor, {borderRightWidth: 0.5, width: '25%'}]}>TV额定二次负荷(VA)</Text>
+                    <Text style={[styles.textColor, {borderRightWidth: 0.5, width: '25%'}]}>TV轻载负荷(VA)</Text>
+                    <Text style={[styles.textColor, {width: '25%'}]}>TV精度</Text>
                 </View>
                 <View style={styles.betweenView}>
-                    <Text style={styles.textColor3}>安装场所：{item.place}</Text>
-                    <View style={styles.centerWidth}>
-                        <Text style={styles.textColor3}>额定负荷：{item.ratedLoad}VA</Text>
-                    </View>
-                    <Text style={styles.textColor3}>准确等级：{item.accuracy}</Text>
+                    <Text style={[styles.textColor, {
+                        borderRightWidth: 0.5,
+                        width: '25%'
+                    }]}><Text style={styles.textRed}>{item.voltageChangeRate}</Text></Text>
+                    <Text style={[styles.textColor, {borderRightWidth: 0.5, width: '25%'}]}><Text
+                        style={styles.textRed}>{item.ratedSecondLoadTV}</Text></Text>
+                    <Text style={[styles.textColor, {borderRightWidth: 0.5, width: '25%'}]}><Text
+                        style={styles.textRed}>{item.overlightLoadTV}</Text></Text>
+                    <Text style={[styles.textColor, {width: '25%'}]}><Text
+                        style={styles.textRed}>{item.precisionTVoverlightLoadTV}</Text></Text>
                 </View>
                 <View style={styles.betweenView}>
-                    <View style={styles.centerView}>
-                        <Text style={styles.textColor3}>{item.manufacturer}</Text>
-                    </View>
-                    <View style={{
-                        width: (screenW - 10) / 3 * 2,
-                        borderLeftWidth: 0.5,
-                        borderLeftColor: '#7b7b7b',
-                    }}>
-                        <View style={{
-                            flexDirection: 'row',
-                            marginHorizontal: 3,
-                        }}>
-                            <View style={{
-                                flex: 1,
-                            }}>
-                                <Text style={[styles.textColor, {textAlign: 'left'}]}>{item.districtText}</Text>
-                            </View>
-                            <Text style={[styles.textColor, {textAlign: 'right', paddingRight: 5}]}>NO.{assetID}</Text>
-                        </View>
-                        <View style={{
-                            marginHorizontal: 5,
-                        }}>
-                            <Barcode value={item.assetID} format="CODE128" height={35} width={1.1}/>
-                            <Text style={styles.textColor}>{item.assetID}</Text>
-                        </View>
-                    </View>
+                    <Text style={[styles.textColor, {
+                        borderRightWidth: 0.5,
+                        textAlign: 'left',
+                        width: '70%'
+                    }]}>新旧标志,电能设备计量产权 <Text style={styles.textRed}>{item.flagAndRight}</Text></Text>
+
+                    <Text style={[styles.textColor, {textAlign: 'left', width: '30%'}]}> 加密方式 <Text
+                        style={styles.textRed}>{item.encodeType}</Text></Text>
                 </View>
+                <View style={styles.betweenView}>
+                    <Text style={[styles.textColor, {
+                        borderRightWidth: 0.5,
+                        textAlign: 'left',
+                        width: '70%'
+                    }]}>仪表保安系数,额定一次电流扩大倍数 <Text style={styles.textRed}>{item.securityAndExpansionFactor}</Text></Text>
 
+                    <Text style={[styles.textColor, {textAlign: 'left', width: '30%'}]}> 出厂日期 <Text
+                        style={styles.textRed}>{item.releaseDate}</Text></Text>
+                </View>
+                <View style={styles.betweenView}>
+                    <Text style={[styles.textColor,]}>资产属性，资产归属  <Text style={styles.textRed}>{item.assetProperty}</Text></Text>
+                </View>
+                <View style={styles.betweenView}>
+                    <Text style={[styles.textColor,]}>生产厂家  <Text style={styles.textRed}>{item.manufacturer}</Text></Text>
+                </View>
+                <View style={styles.betweenView}>
+                    <Text style={[styles.textColor,]}>资产归属地  <Text style={styles.textRed}>{item.assetAttribution}</Text></Text>
+                </View>
             </View>
         )
     }
@@ -284,19 +275,8 @@ class DesktopHome extends Component {
                             if (item.error) {
                                 return this.errorRender(item, index)
                             }
-                            else if (item.kind.indexOf('电压') > -1) {
-                                return this.dianYaRender(item, index)
-                            }
-                            else if (item.kind.indexOf('电流') > -1) {
-                                return this.dianLiuRender(item, index)
-                            }
                             else {
-                                // 组合互感器，没有设置，默认用电压模板
-                                if (zuhe_temp === '2') {
-                                    return this.dianLiuRender(item, index)
-                                } else {
-                                    return this.dianYaRender(item, index)
-                                }
+                                return this.dianLiuRender(item, index)
                             }
 
                         })
@@ -341,7 +321,7 @@ class DesktopHome extends Component {
 const styles = StyleSheet.create({
     container: {
         flex: 1,
-        backgroundColor:'#fff'
+        backgroundColor: '#fff'
     },
     button: {
         borderRadius: 5,
@@ -351,26 +331,19 @@ const styles = StyleSheet.create({
         borderWidth: 0,
         backgroundColor: "#2b90ea"
     },
-    textColor: {
+    textLeft50: {
         color: '#333',
-        textAlign: 'center',
-    },
-    textColor3: {
-        color: '#333',
-        textAlign: 'center',
-        width: (screenW - 9) / 3,
-
+        fontSize: 11,
+        width: '50%',
+        textAlign: 'left',
     },
-    textColor4: {
+    textColor: {
         color: '#333',
+        fontSize: 11,
         textAlign: 'center',
-        width: (screenW - 8) / 4,
-
     },
-    textColor2: {
-        color: '#333',
-        textAlign: 'center',
-        width: (screenW - 10) / 2,
+    textRed: {
+        color: 'red',
     },
     mainView: {
         margin: 5,
@@ -382,6 +355,7 @@ const styles = StyleSheet.create({
         justifyContent: 'space-between',
         borderTopWidth: 0.5,
         borderTopColor: '#7b7b7b',
+        paddingHorizontal: 5,
     },
     centerWidth: {
         borderLeftWidth: 0.5,