Rounded Card v ie Реактивно-родные элементы Ui - PullRequest
Новая
       59

Rounded Card v ie Реактивно-родные элементы Ui

0 голосов
/ 12 апреля 2020

В настоящее время я изучаю React-native и javascript. Я пытаюсь создать карточку с формой. Пока все работает, за исключением того, что я хочу, чтобы карта была закруглена по краям. Я пытался установить borderRadiuses, но это не сработало. Я попробовал это в соответствии с этим: Как сделать карту округлой формы в реакции родной, родной базы Но это для Native-Base, и это не сработало. Кто-нибудь может мне помочь и показать, что я должен делать?

Это мой код: 

<View style={{ height: 50 }}>
  <Header>
    <Title style={styles.font}>Liste Hinzufügen</Title>
  </Header>


  <Card title="Listen Name" >
  <View style={{ flexDirection: "row" }}>
    <View>
      <TouchableOpacity
        style={styles.imagePicker

        }
      >
        <Icon name={"image"} size={30} color="#01a699" />
      </TouchableOpacity>
    </View>
    <View>
      <Text style={{marginTop:30, marginLeft:30}}>Optionale Eingabe Bild</Text>
    </View>
  </View>
    <View>
      <Form>
        <Input
          placeholder="Listen Name hinzufügen"
          rounded
          right
          icon="list"
          family="Feather"
          iconSize={25}
          iconColor="black"
        />
        <Input
          placeholder="Mitglieder Hinzufügen"
          rounded
          right
          icon="team"
          family="antdesign"
          iconSize={25}
          iconColor="black"
        />
      </Form>
    </View>
    <Divider />

    <View style={{ marginLeft: 120, flexDirection: "row" }}>
      <View>
        <Button
          round
          uppercase
          color
          color="error"
          style={styles.button2}
        >
          <Label style={(styles.font, styles.buttonText)}>Abbrechen</Label>
        </Button>
      </View>
      <View>
        <Button round uppercase color color="#50C7C7" style={styles.button}>
          <Label style={(styles.font, styles.buttonText)}>Speichern</Label>
        </Button>
      </View>
    </View>
  </Card>
</View>
...