Skip to content

Commit d7c9768

Browse files
rupal-simformrupal-simform
authored
Merge pull request #13 from SimformSolutionsPvtLtd/UNT-T4798
UNT-T4798 - RNSB - Update bumper version.
2 parents 52fbd72 + 9fea8ae commit d7c9768

File tree

65 files changed

+10591
-11934
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

65 files changed

+10591
-11934
lines changed

‎.gitignore‎

Lines changed: 70 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,71 @@
1-
node_modules
2-
Example/node_modules
3-
1+
# OSX
2+
#
43
.DS_Store
5-
*.sw[po]
4+
5+
# Xcode
6+
#
7+
build/
8+
*.pbxuser
9+
!default.pbxuser
10+
*.mode1v3
11+
!default.mode1v3
12+
*.mode2v3
13+
!default.mode2v3
14+
*.perspectivev3
15+
!default.perspectivev3
16+
xcuserdata
17+
*.xccheckout
18+
*.moved-aside
19+
DerivedData
20+
*.hmap
21+
*.ipa
22+
*.xcuserstate
23+
project.xcworkspace
24+
25+
# Android/IntelliJ
26+
#
27+
build/
28+
.idea
29+
.gradle
30+
local.properties
31+
*.iml
32+
33+
# node.js
34+
#
35+
node_modules/
36+
npm-debug.log
37+
yarn-error.log
38+
39+
# BUCK
40+
buck-out/
41+
\.buckd/
42+
43+
# fastlane
44+
#
45+
# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
46+
# screenshots whenever they are needed.
47+
# For more information about the recommended setup visit:
48+
# https://docs.fastlane.tools/best-practices/source-control/
49+
50+
*/fastlane/report.xml
51+
*/fastlane/Preview.html
52+
*/fastlane/screenshots
53+
54+
# Bundle artifact
55+
*.jsbundle
56+
57+
# CocoaPods
58+
/ios/Pods/
59+
android/.project
60+
android/.settings/org.eclipse.buildship.core.prefs
61+
android/app/.classpath
62+
android/app/.project
63+
android/app/.settings/org.eclipse.buildship.core.prefs
64+
android/java_pid28385.hprof
65+
android/java_pid35054.hprof
66+
android/java_pid40495.hprof
67+
android/java_pid44292.hprof
68+
android/java_pid50139.hprof
69+
android/app/release/app-release.apk
70+
android/app/release/output.json
71+
ios/link-assets-manifest.json

‎Example/.babelrc‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
11
{
2-
"presets": ["react-native"]
3-
}
2+
"plugins": [
3+
["transform-class-properties", { "spec": true }]
4+
]
5+
}

‎Example/.gitignore‎

Lines changed: 16 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,6 @@ yarn-error.log
3939
# BUCK
4040
buck-out/
4141
\.buckd/
42-
*.keystore
4342

4443
# fastlane
4544
#
@@ -54,3 +53,19 @@ buck-out/
5453

5554
# Bundle artifact
5655
*.jsbundle
56+
57+
# CocoaPods
58+
/ios/Pods/
59+
android/.project
60+
android/.settings/org.eclipse.buildship.core.prefs
61+
android/app/.classpath
62+
android/app/.project
63+
android/app/.settings/org.eclipse.buildship.core.prefs
64+
android/java_pid28385.hprof
65+
android/java_pid35054.hprof
66+
android/java_pid40495.hprof
67+
android/java_pid44292.hprof
68+
android/java_pid50139.hprof
69+
android/app/release/app-release.apk
70+
android/app/release/output.json
71+
ios/link-assets-manifest.json

‎Example/.prettierrc.js‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
module.exports = {
2+
bracketSpacing: false,
3+
jsxBracketSameLine: true,
4+
singleQuote: true,
5+
trailingComma: 'all',
6+
};

‎Example/App/App.js‎

Lines changed: 29 additions & 199 deletions
Original file line numberDiff line numberDiff line change
@@ -1,200 +1,30 @@
1-
import React, { Component } from 'react';
2-
import {
3-
ScrollView,
4-
SafeAreaView,
5-
Text,
6-
View
7-
} from 'react-native';
1+
import React from 'react';
2+
import { ScrollView } from 'react-native';
83
import styles from './styles/AppStyles';
9-
import SpinnerButton from 'react-native-spinner-button';
10-
// import SpinnerButton from './components/SpinnerButton';
11-
const colors = [
12-
'#893346',
13-
'#1aafb8',
14-
'#bf57c3',
15-
'#dead00',
16-
'#666666',
17-
'#4CA0F7',
18-
'#123456',
19-
'#F87217',
20-
];
21-
export default class App extends Component {
22-
constructor(props) {
23-
super(props);
24-
this.state = {
25-
defaultLoading: false,
26-
barLoading: false,
27-
dotLoading: false,
28-
materialLoading: false,
29-
pacmanLoading: false,
30-
pulseLoading: false,
31-
skypeLoading: false,
32-
uiAcivityLoading: false,
33-
waveLoading: false,
34-
};
35-
}
36-
render() {
37-
return (
38-
<SafeAreaView style={styles.safeArea}>
39-
<ScrollView>
40-
<View style={styles.container}>
41-
<SpinnerButton
42-
buttonStyle={[
43-
styles.buttonStyle,
44-
{ backgroundColor: colors[0] }
45-
]}
46-
isLoading={this.state.defaultLoading}
47-
onPress={() => {
48-
this.setState({ defaultLoading: true });
49-
setTimeout(() => {
50-
this.setState({ defaultLoading: false });
51-
}, 3000);
52-
}}
53-
indicatorCount={10}
54-
>
55-
<Text style={styles.buttonText}>Default Or Ball SpinnerButton</Text>
56-
</SpinnerButton>
57-
<SpinnerButton
58-
buttonStyle={[
59-
styles.buttonStyle,
60-
{ backgroundColor: colors[1] }
61-
]}
62-
isLoading={this.state.barLoading}
63-
spinnerType='BarIndicator'
64-
onPress={() => {
65-
this.setState({ barLoading: true });
66-
setTimeout(() => {
67-
this.setState({ barLoading: false });
68-
}, 3000);
69-
}}
70-
animationType={'flipInY'}
71-
>
72-
<Text style={styles.buttonText}>Bar SpinnerButton</Text>
73-
</SpinnerButton>
74-
<SpinnerButton
75-
buttonStyle={[
76-
styles.buttonStyle,
77-
{ backgroundColor: colors[2] }
78-
]}
79-
isLoading={this.state.dotLoading}
80-
indicatorCount={10}
81-
size={10}
82-
spinnerType='DotIndicator'
83-
onPress={() => {
84-
this.setState({ dotLoading: true });
85-
setTimeout(() => {
86-
this.setState({ dotLoading: false });
87-
}, 3000);
88-
}}
89-
animationType={'flipInX'}
90-
>
91-
<Text style={styles.buttonText}>Dot SpinnerButton</Text>
92-
</SpinnerButton>
93-
<SpinnerButton
94-
buttonStyle={[
95-
styles.buttonStyle,
96-
{ backgroundColor: colors[3] }
97-
]}
98-
isLoading={this.state.materialLoading}
99-
spinnerType='MaterialIndicator'
100-
onPress={() => {
101-
this.setState({ materialLoading: true });
102-
setTimeout(() => {
103-
this.setState({ materialLoading: false });
104-
}, 3000);
105-
}}
106-
>
107-
<Text style={styles.buttonText}>Material SpinnerButton</Text>
108-
</SpinnerButton>
109-
<SpinnerButton
110-
buttonStyle={[
111-
styles.buttonStyle,
112-
{ backgroundColor: colors[4] }
113-
]}
114-
isLoading={this.state.pacmanLoading}
115-
spinnerType='PacmanIndicator'
116-
onPress={() => {
117-
this.setState({ pacmanLoading: true });
118-
setTimeout(() => {
119-
this.setState({ pacmanLoading: false });
120-
}, 3000);
121-
}}
122-
>
123-
<Text style={styles.buttonText}>Pacman SpinnerButton</Text>
124-
</SpinnerButton>
125-
<SpinnerButton
126-
buttonStyle={[
127-
styles.buttonStyle,
128-
{ backgroundColor: colors[5] }
129-
]}
130-
isLoading={this.state.pulseLoading}
131-
spinnerType='PulseIndicator'
132-
onPress={() => {
133-
this.setState({ pulseLoading: true });
134-
setTimeout(() => {
135-
this.setState({ pulseLoading: false });
136-
}, 3000);
137-
}}
138-
>
139-
<Text style={styles.buttonText}>Pulse SpinnerButton</Text>
140-
</SpinnerButton>
141-
<SpinnerButton
142-
buttonStyle={[
143-
styles.buttonStyle,
144-
{ backgroundColor: colors[6] }
145-
]}
146-
isLoading={this.state.skypeLoading}
147-
spinnerType='SkypeIndicator'
148-
spinnerOptions={{
149-
maxScale: 2
150-
}}
151-
onPress={() => {
152-
this.setState({ skypeLoading: true });
153-
setTimeout(() => {
154-
this.setState({ skypeLoading: false });
155-
}, 3000);
156-
}}
157-
>
158-
<Text style={styles.buttonText}>Skype SpinnerButton</Text>
159-
</SpinnerButton>
160-
<SpinnerButton
161-
buttonStyle={[
162-
styles.buttonStyle,
163-
{ backgroundColor: colors[7] }
164-
]}
165-
isLoading={this.state.uiAcivityLoading}
166-
spinnerType='UIActivityIndicator'
167-
onPress={() => {
168-
this.setState({ uiAcivityLoading: true });
169-
setTimeout(() => {
170-
this.setState({ uiAcivityLoading: false });
171-
}, 3000);
172-
}}
173-
>
174-
<Text style={styles.buttonText}>UIActivity SpinnerButton</Text>
175-
</SpinnerButton>
176-
<SpinnerButton
177-
buttonStyle={[
178-
styles.buttonStyle,
179-
{ backgroundColor: colors[8] }
180-
]}
181-
isLoading={this.state.waveLoading}
182-
spinnerType='WaveIndicator'
183-
spinnerOptions={{
184-
waveMode: "outline"
185-
}}
186-
onPress={() => {
187-
this.setState({ waveLoading: true });
188-
setTimeout(() => {
189-
this.setState({ waveLoading: false });
190-
}, 3000);
191-
}}
192-
>
193-
<Text style={styles.buttonText}>Wave SpinnerButton</Text>
194-
</SpinnerButton>
195-
</View>
196-
</ScrollView>
197-
</SafeAreaView>
198-
);
199-
}
200-
}
4+
import DefaultOrBallSpinnerButton from './DefaultOrBallSpinnerButton';
5+
import BarSpinnerButton from './BarSpinnerButton';
6+
import DotSpinnerButton from './DotSpinnerButton';
7+
import MaterialSpinnerButton from './MaterialSpinnerButton';
8+
import PacmanSpinnerButton from './PacmanSpinnerButton';
9+
import PulseSpinnerButton from './PulseSpinnerButton';
10+
import SkypeSpinnerButton from './SkypeSpinnerButton';
11+
import UIActivitySpinnerButton from './UIActivitySpinnerButton';
12+
import WaveSpinnerButton from './WaveSpinnerButton';
13+
14+
const App = () => {
15+
return (
16+
<ScrollView style={styles.safeArea}>
17+
<DefaultOrBallSpinnerButton />
18+
<BarSpinnerButton />
19+
<DotSpinnerButton />
20+
<MaterialSpinnerButton />
21+
<PacmanSpinnerButton />
22+
<PulseSpinnerButton />
23+
<SkypeSpinnerButton />
24+
<UIActivitySpinnerButton />
25+
<WaveSpinnerButton />
26+
</ScrollView>
27+
)
28+
};
29+
30+
export default App;

‎Example/App/BarSpinnerButton.js‎

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
import { useCallback, useState } from "react";
2+
import { Text } from 'react-native';
3+
import styles from './styles/AppStyles';
4+
import SpinnerButton from 'react-native-spinner-button';
5+
6+
const BarSpinnerButton = () => {
7+
const [isLoading, setLoading] = useState(false);
8+
9+
const handleButtonPress = useCallback(() => {
10+
setLoading(true);
11+
setTimeout(() => {
12+
setLoading(false);
13+
}, 3000);
14+
});
15+
16+
return (
17+
<SpinnerButton
18+
buttonStyle={[
19+
styles.buttonStyle,
20+
{ backgroundColor: '#1aafb8' }
21+
]}
22+
isLoading={isLoading}
23+
spinnerType='BarIndicator'
24+
onPress={handleButtonPress}
25+
animationType={'flipInY'}
26+
indicatorCount={10}
27+
>
28+
<Text style={styles.buttonText}>Bar SpinnerButton</Text>
29+
</SpinnerButton>
30+
);
31+
};
32+
33+
export default BarSpinnerButton;

0 commit comments

Comments
 (0)