探索React Native Action Button：一款高效易用的组件库

import React from 'react';
import { View, Text, StyleSheet } from 'react-native';
import ActionButton from 'react-native-action-button';
 
const MyApp = () => {
  return (
    <View style={styles.container}>
      {/* 其他的UI组件 */}
      <ActionButton buttonColor="#2962FF" onPress={() => console.log('Action Button Pressed')}>
        <ActionButton.Item buttonColor='#9b59b6' title="New Task" onPress={() => console.log('New Task Pressed')}>
          <Icon name='add' style={styles.actionButtonIcon} />
        </ActionButton.Item>
        <ActionButton.Item buttonColor='#3498db' title="Notifications" onPress={() => console.log('Notifications Pressed')}>
          <Icon name='notifications-off' style={styles.actionButtonIcon} />
        </ActionButton.Item>
      </ActionButton>
    </View>
  );
};
 
const styles = StyleSheet.create({
  container: {
    flex: 1,
    // 其他样式定义
  },
  actionButtonIcon: {
    // 图标样式定义
  },
});
 
export default MyApp;

这个代码示例展示了如何在React Native应用中使用ActionButton组件库来创建一个固定在屏幕底部右下角的浮动动作按钮，并且可以展开显示多个动作选项。每个ActionButton.Item都可以配置自己的标题、图标和点击事件处理函数。