|
@@ -12,15 +12,14 @@ export default class TextComp extends Module {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
display() {
|
|
display() {
|
|
|
- let { container , text } = this.props.style || ""
|
|
|
|
|
let {
|
|
let {
|
|
|
color,
|
|
color,
|
|
|
fontSize
|
|
fontSize
|
|
|
} = this.props;
|
|
} = this.props;
|
|
|
return (
|
|
return (
|
|
|
- <View style={container || defaultStyle.container}>
|
|
|
|
|
|
|
+ <View>
|
|
|
<TextInput
|
|
<TextInput
|
|
|
- style={{...(text || defaultStyle.text), color, fontSize}}
|
|
|
|
|
|
|
+ style={{color, fontSize}]}
|
|
|
onChangeText={(text) => this.setState({
|
|
onChangeText={(text) => this.setState({
|
|
|
text
|
|
text
|
|
|
})}
|
|
})}
|
|
@@ -33,30 +32,6 @@ export default class TextComp extends Module {
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
-
|
|
|
|
|
-const defaultStyle = StyleSheet.create({
|
|
|
|
|
- container:{
|
|
|
|
|
- //border: 0.5px solid #E4E4E4;
|
|
|
|
|
-
|
|
|
|
|
- borderWidth:0.5,
|
|
|
|
|
- borderColor:'#E4E4E4',
|
|
|
|
|
- backgroundColor:'#FFFFFF'
|
|
|
|
|
- },
|
|
|
|
|
- text:{
|
|
|
|
|
- color:'#707070',
|
|
|
|
|
- textAlign:'center',
|
|
|
|
|
- font:8,
|
|
|
|
|
- opacity:0.8
|
|
|
|
|
- /*
|
|
|
|
|
- text-align: left;
|
|
|
|
|
-font: Compact Thin 8px/10px SF Display;
|
|
|
|
|
-letter-spacing: 0;
|
|
|
|
|
-color: #707070;
|
|
|
|
|
-opacity: 0.3;
|
|
|
|
|
-
|
|
|
|
|
- */
|
|
|
|
|
- }
|
|
|
|
|
-})
|
|
|
|
|
TextComp.Inputs = {
|
|
TextComp.Inputs = {
|
|
|
color: new Types.Text(),
|
|
color: new Types.Text(),
|
|
|
fontSize: new Types.Integer().default(22)
|
|
fontSize: new Types.Integer().default(22)
|
