首页 \ 问答 \ React Native - 动画功能组件(React Native - Animated Functional Components)

React Native - 动画功能组件(React Native - Animated Functional Components)

 我喜欢React Native动画API，但它与我编写完全无状态功能组件的首选组件方式有很大冲突。  
 以此组件为例。 如何在不恢复类语法和状态变量来驱动图像样式的情况下使图像动画化？  
const Logo = () => (
  <View style={styles.container}>
    <View style={styles.imageContainer}>
      <Animated.Image 
        resizeMode='contain'
        style={styles.image}
        source={require(img/sample.png')}
      />
    </View>
  </View>
)

export default Logo

I love the React Native animated API but it conflicts heavily with my preferred way of writing components which is completely stateless functional components. 
Take this component as an example. How would I make the Image animated without reverting to class syntax and a state variable to drive the Image style? 
const Logo = () => (
  <View style={styles.container}>
    <View style={styles.imageContainer}>
      <Animated.Image 
        resizeMode='contain'
        style={styles.image}
        source={require(img/sample.png')}
      />
    </View>
  </View>
)

export default Logo

原文：https://stackoverflow.com/questions/44961099

更新时间：2023-05-07 11:05

最满意答案

if(&queue->head == NULL){
 
 在此行中，您将检查fifo元素head的地址。 这可能不是你想要的。 相反，您要检查指针的值是否有效：  
if(queue->head == NULL){
 
 另请注意，您必须使用正确的值启动fifo：  
fifo f;
f.head = 0;
f.tail = 0;
Enqueue( &f, 1 );
 
 你应该检查malloc是否实际返回一个有效的地址：  
temp = (fifo_element*)malloc(sizeof(fifo_element));
if(temp == NULL){
     /* insufficient memory, print error message, return error, etc */
} else {
     /* your code */
}

if(&queue->head == NULL){
 
In this line you check the address of the element head in your fifo. This is probably not what you want. Instead, you want to check whether the value of your pointer is valid: 
if(queue->head == NULL){
 
Also keep in mind that you have to initiate the fifo with the correct values: 
fifo f;
f.head = 0;
f.tail = 0;
Enqueue( &f, 1 );
 
And you should check whether malloc actually returns a valid address: 
temp = (fifo_element*)malloc(sizeof(fifo_element));
if(temp == NULL){
     /* insufficient memory, print error message, return error, etc */
} else {
     /* your code */
}

React Native - 动画功能组件(React Native - Animated Functional Components)

最满意答案

相关问答

FIFO队列通过memcache后端(FIFO queue via memcache backend)[2023-03-26]

在C中实现链接列表优先级队列(implement a Linked List Priority Queue in C)[2021-10-19]

分段故障链表(segmentation fault linked list)[2024-02-11]

为什么我要在C ++中实现自己的双向链表？(Why would I want to implement my own doubly linked list in C++? [closed])[2023-04-26]

无法将数据添加到双向链表的C实现中：Segmentation Fault(Unable to add data into C implementation of doubly linked list: Segmentation Fault)[2023-07-23]

分段故障问题。(Segmentation-fault Issue. Trying to implement a Doubly Linked List FIFO Queue in C)[2024-04-28]

FIFO队列链表实现(FIFO Queue linked list implementation)[2022-01-07]

为什么我在C队列中遇到分段错误（核心转储）？(Why am i gettting segmentation fault (core dumped) in my C queue?)[2022-06-05]

C分段故障链表(C segmentation fault linked list)[2023-06-14]

双向列表显示函数中的分段错误(Segmentation Fault in A Doubly Linked List Display Function)[2022-05-25]

相关文章

最新问答