Невозможно создать кнопку круглой формы в реагировать на родной

Question

Я хочу создать кнопку круглой формы для своего приложения, которая построена на реагировании на нативную. Я попробовал приведенный ниже код, но оба они не сработали.

Фрагмент кода 1: <Button title="+" rounded="true"/>

Фрагмент кода 2: addButton: { width: 20, height: 20, borderRadius: 40 }

Answer 1

По сути, вы должны стилизовать Views и Touchables, чтобы они выглядели так, как вы хотите. Вот пример компонента круглой кнопки:

import React from 'react';
import { TouchableOpacity, Text, StyleSheet } from 'react-native';

export default ({ title, onPress }) => <TouchableOpacity onPress={onPress} style={styles.button}>
  <Text style={styles.title}>{title}</Text>
</TouchableOpacity>

const styles = StyleSheet.create({
  button: {
    width: 50,
    height: 50,
    borderRadius: 25,
    backgroundColor: 'red',
    alignItems: 'center',
    justifyContent: 'center',
  },
  title: {
    color: 'white',
  }
})