react-native-keyboard-accessory icon indicating copy to clipboard operation
react-native-keyboard-accessory copied to clipboard

hiddenOpacity Property are not available

Open Qinlian1 opened this issue 1 year ago • 0 comments

When I use KeyboardAccessoryView to set hiddenOpacity, hiddenOpacity Property are not available。 i use iphone 15 pro and React Native 0.73. These are my codes:

render() {
    const { text } = this.state;
    return (
      <View style={styles.container}>
        <ScrollView>
            <TextInput
                placeholder="Write your message"
                underlineColorAndroid="transparent"
                style={styles.input}/>
        </ScrollView>
        <KeyboardAccessoryView
          style={{ backgroundColor: 'green' }}
          alwaysVisible={false}
          animateOn={'all'} 
          hiddenOpacity={0.1}
          animationConfig={{
            duration: 500,
            create: {
              duration: 1000,
              type: LayoutAnimation.Types.linear,
              property: LayoutAnimation.Properties.opacity
            },
            update: {
              duration: 500,
              type: LayoutAnimation.Types.linear,
            },
            hide: {
              duration: 5000,
              type: LayoutAnimation.Types.linear,
              property: LayoutAnimation.Properties.opacity
            },
         }}
         >
            <View style={styles.textInputView}>
              <TextInput
                placeholder="Write your message"
                underlineColorAndroid="transparent"
                style={styles.textInput}
                multiline={true}
                value={text}
                onChangeText={text => this.setState({ text })}
              />
              <Button
                style={styles.textInputButton}
                title="Send"
                onPress={() => {}}
              />
            </View>
        </KeyboardAccessoryView>
      </View>
    );
  }

Qinlian1 avatar Oct 30 '24 02:10 Qinlian1