From 2270a8a16a9a5b83e151b59bf8115f1f01584472 Mon Sep 17 00:00:00 2001
From: ChenlingasMx <42308734@qq.com>
Date: Tue, 22 Aug 2023 13:08:19 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E3=80=90Steps=E3=80=91=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0lineStyle?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/core/src/Steps/index.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/core/src/Steps/index.tsx b/packages/core/src/Steps/index.tsx
index 136b2cea8..088a6c68a 100644
--- a/packages/core/src/Steps/index.tsx
+++ b/packages/core/src/Steps/index.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { View, StyleSheet, TouchableOpacity } from 'react-native';
+import { View, StyleSheet, TouchableOpacity, ViewStyle } from 'react-native';
 import { ViewProps } from 'react-native';
 import Icon from '../Icon';
 import Text from '../Typography/Text';
@@ -19,6 +19,7 @@ export interface StepsProps extends ViewProps {
   items: StepsItemsProps[];
   current?: number;
   onChange?: (value: number) => void;
+  lineStyle?: ViewStyle;
 }
 
 export default (props: StepsProps) => {
@@ -41,9 +42,9 @@ export default (props: StepsProps) => {
           return (
             <TouchableOpacity style={[styles.item]} key={index} onPress={() => onStepsPress(index)}>
               <View style={styles.wrap}>
-                {index !== 0 && <View style={styles.leftLine}></View>}
+                {index !== 0 && <View style={[styles.leftLine, { ...props.lineStyle }]}></View>}
                 {item.render}
-                {index < items.length - 1 && <View style={styles.rightLine}></View>}
+                {index < items.length - 1 && <View style={[styles.rightLine, { ...props.lineStyle }]}></View>}
               </View>
             </TouchableOpacity>
           );
@@ -51,7 +52,7 @@ export default (props: StepsProps) => {
         return (
           <TouchableOpacity style={[styles.item]} key={index} onPress={() => onStepsPress(index)}>
             <View style={styles.wrap}>
-              {index !== 0 && <View style={styles.leftLine}></View>}
+              {index !== 0 && <View style={[styles.leftLine, { ...props.lineStyle }]}></View>}
               <View
                 style={[
                   styles.circular,
@@ -77,7 +78,7 @@ export default (props: StepsProps) => {
                   </Text>
                 )}
               </View>
-              {index < items.length - 1 && <View style={styles.rightLine}></View>}
+              {index < items.length - 1 && <View style={[styles.rightLine, { ...props.lineStyle }]}></View>}
             </View>
             <Text color="primary_text">{item.title}</Text>
             <Text color="text" style={styles.desc}>