zbtang / react-native-textinputlayout Goto Github PK

    _handleChildren(props) {
        let edtChild = React.Children.only(props.children);
        this._oriEdtChild = edtChild;
        this._oriEdtStyle = StyleSheet.flatten([edtChild.props.style])
        this._oriOnFocus = edtChild.props.onFocus;
        this._oriOnBlur = edtChild.props.onBlur;
        this._oriOnChangeText = edtChild.props.onChangeText;
+        const textValue = edtChild.props.value
+        if (textValue) {
+            this._edtText = textValue
+            this.state.showLabel = true
+            this.state.labelAnimationValue = new Animated.Value(1)
+        }
....

  render() {
    return (
      <View style={styles.container}>
        <TextInputLayout style={styles.inputLayout}>
          <TextInput
            style={styles.textInput}
            placeholder={'Password'}
            secureTextEntry={true}
          />
      </TextInputLayout>
    </View>
    );
  }
});

const styles = StyleSheet.create({
  container: {
    flex: 1
  },
  textInput: {
    fontSize: 16,
    marginTop: 20,
    height: 40
  },
  inputLayout: {
    marginTop: 16,
    marginHorizontal: 36
  }
});