[Android] ExpandableSection - fix inner component's animation not working

[M-i-k-e-l]

Description

[Android] ExpandableSection - fix inner component's animation not working
In this case TextField with floatingPlaceholder inside ExpandableSection causes the placeholder on Android to not be shown.

Credit to: https://dev.to/dimaportenko/collapsible-card-with-react-native-reanimated-495a

Example screen:

import React, {Component} from 'react';
import {ScrollView, TextInput} from 'react-native';
import {View, Text, TextField, ExpandableSection} from 'react-native-ui-lib';

export default class PlaygroundScreen extends Component {
  state = {
    isExpanded1: false,
    isExpanded2: false
  };

  getHeaderElement() {
    return (
      <View margin-10 spread row>
        <Text grey10 text60>
          ExpandableSection sectionHeader
        </Text>
      </View>
    );
  }
  render() {
    return (
      <ScrollView>
        <ExpandableSection
          expanded={this.state.isExpanded1}
          top={false}
          sectionHeader={this.getHeaderElement()}
          onPress={() => this.setState({isExpanded1: !this.state.isExpanded1})}
        >
          <TextInput placeholder="Bla"/>
        </ExpandableSection>
        <ExpandableSection
          expanded={this.state.isExpanded2}
          top={false}
          sectionHeader={this.getHeaderElement()}
          onPress={() => this.setState({isExpanded2: !this.state.isExpanded2})}
        >
          <TextField placeholder="Bla" floatingPlaceholder/>
        </ExpandableSection>
      </ScrollView>
    );
  }
}

Changelog

[Android] ExpandableSection - fix inner component's animation not working

Additional info

Ticket 3616