Есть ли способ анимировать увеличенный размер представления при добавлении новых дочерних элементов?

У меня есть 2 подхода, которые я могу предложить из головы:

1. Вы можете настроить LayoutAnimation только тогда, когда желаемое состояние изменилось. Если вы используете хуки, это будет слишком просто:

   const [state,setState] = useState([]);
   useEffect(()=>{
      /*rest code*/
      LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut)
   },[state])
   

   Или, если вы используете компонент класса, вы можете поймать желаемое изменение состояния в componentDidUpdate:

   componentDidUpdate(prevProps,prevState){
      if(prevState.items!==state.items){
          LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut)
      }
   }
   

2. Вы можете использовать onLayout функцию просмотра:

   addItem = () => {
      this.setState({
         items: [...this.state.items, {title:'An item',isNew:true}]
      })
   }; 
   renderItems = () => {
      return this.state.items.map((item, index) => {
         let opacity = new Animated.Value(0);
         return (
           <Animated.View onLayout={({nativeEvent})=>{
              if(this.state.item.isNew){
                 // here you got the height from nativeEvent.layout.height
                 // Then you have to store the height animate height and opacity to its precise value 
                 // PS I used opacity:0 to calculate the height
                }
              }} key={index} style={[styles.item,{opacity}>
             <Text>{item.title}</Text>
           </View>
          )
      });
   };
   

Когда дело доходит до react-native-reanimated, я считаю его более быстрой версией библиотеки Animated react-native. Так что в любом случае вам придется рассчитать высоту!