forked from FrederickEngelhardt/react-native-color-picker
-
Notifications
You must be signed in to change notification settings - Fork 0
/
ExampleControlledTriangle.js
34 lines (28 loc) · 1021 Bytes
/
ExampleControlledTriangle.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
import React from 'react'
import { View, Text } from 'react-native'
import { TriangleColorPicker, toHsv } from '../module/index' // Swap this to <react-native-color-picker> if you want to see it install normally
export class ExampleControlledTriangle extends React.Component {
constructor(...args) {
super(...args)
this.state = { color: toHsv('green') }
this.onColorChange = this.onColorChange.bind(this)
}
onColorChange(color) {
this.setState({ color })
}
render() {
return (
<View style={{flex: 1, padding: 15, backgroundColor: '#212021'}}>
<Text style={{color: 'white'}}>React Native Color Picker - Controlled</Text>
<TriangleColorPicker
oldColor='purple'
color={this.state.color}
onColorChange={this.onColorChange}
onColorSelected={color => alert(`Color selected: ${color}`)}
onOldColorSelected={color => alert(`Old color selected: ${color}`)}
style={{flex: 1}}
/>
</View>
)
}
}