Merge branch 'main' of https://github.com/samassango/react-native-multi-steps

Author: Sibusiso Massango

src/index.tsx

@@ -104,7 +104,7 @@ function RNMultiStep(props: any): any {
       >
         {canMove.canMovePrevious && (
           <TouchableOpacity
-            style={props.buttonStyle ? props.buttonStyle : styles.styleBtn}
+            style={props.prevButtonStyle ? props.prevButtonStyle : styles.prevStyleBtn}
             onPress={onPrevious}
           >
             <Text
@@ -123,7 +123,7 @@ function RNMultiStep(props: any): any {
 
         {canMove.canMoveNext && (
           <TouchableOpacity
-            style={props.buttonStyle ? props.buttonStyle : styles.styleBtn}
+            style={props.nextButtonStyle ? props.nextButtonStyle : styles.styleBtn}
             onPress={onNext}
           >
             <Text
@@ -141,7 +141,7 @@ function RNMultiStep(props: any): any {
         )}
         {!canMove.canMoveNext && typeof props.onSubmit === 'function' && (
           <TouchableOpacity
-            style={props.buttonStyle ? props.buttonStyle : styles.styleBtn}
+            style={props.submitButtonStyle ? props.submitButtonStyle : styles.submitStyleBtn}
             onPress={onSubmit}
           >
             <Text
@@ -182,7 +182,25 @@ const styles = StyleSheet.create({
     paddingLeft: 10,
     paddingRight: 30,
   },
-  styleBtn: {
+  prevStyleBtn: {
+    alignItems: 'center',
+    backgroundColor: '#1e1ee3',
+    borderRadius: 50,
+    shadowColor: '#5252d1',
+    margin: 10,
+    padding: 20,
+    width: '40%',
+  },
+  submitStyleBtn: {
+    alignItems: 'center',
+    backgroundColor: 'grey',
+    borderRadius: 50,
+    shadowColor: '#5252d1',
+    margin: 10,
+    padding: 20,
+    width: '40%',
+  },
+  nextStyleBtn: {
     alignItems: 'center',
     backgroundColor: '#1e1ee3',
     borderRadius: 50,
@@ -200,7 +218,9 @@ RNMultiStep.propTypes = {
   children: PropTypes.any,
   containerStyle: PropTypes.object,
   containerButtonStyle: PropTypes.object,
-  buttonStyle: PropTypes.object,
+  prevButtonStyle: PropTypes.object,
+  nextButtonStyle: PropTypes.object,
+  submitButtonStyle: PropTypes.object,
   buttonLabelStyle: PropTypes.object,
   onMoveNext: PropTypes.func,
   onMovePrevious: PropTypes.func,