问本机基输入全宽度
EN

Stack Overflow用户

提问于 2022-01-29 20:54:55

回答 1查看 1K关注 0票数 0

我不知道我做错了什么，但我不能将输入设置为接受100%的父VStack视图：

我的Input封装在一个FormControl中，它应该占用父VStack的全部宽度，但它没有。我尝试添加flex={1}、width="100%"和alignSelf="stretch"，但是没有工作。

以下是代码：

    <VStack space="md" justifyContent="center" alignItems="center">
      <LottieView
        source={success}
        style={lottieStyle(200, 200).container}
        autoPlay
        loop={false}
      />

      <Heading numberOfLines={2} textAlign="center">
        Connected to {alias}!
      </Heading>

      <Input name="walletName" label="Name your wallet" />
    </VStack>

我的Input只是一个包装器：

    <FormControl isInvalid={hasErrors(name, touched, errors)}>
      {label && <FormControl.Label>{label}</FormControl.Label>}
      <NBInput
        value={value}
        onChangeText={handleChange(name)}
        onBlur={handleBlur(name)}
        {...rest}
      />
      <FormControl.ErrorMessage leftIcon={<WarningOutlineIcon size="xs" />}>
        {errorMessage(name, touched, errors)}
      </FormControl.ErrorMessage>
    </FormControl>

我想要实现的是将FormControl作为一个整体设置为它的父组件的所有宽度空间。

react-native

native-base

Stack Overflow用户

发布于 2022-02-01 19:15:37

我试着根据你提供的信息复制这个问题，但没能做到。这是我正在玩的小吃。

但是，我还是要求你尝试一些可能解决你的问题的方法。

在w='100%'上添加VStack。
从alignItems中删除VStack。

如果这两件事解决不了它，请分享一份零食，因为我们可能遗漏了什么。

票数 1

查看全部 1 条回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/70909647

复制

相似问题

问本机基输入全宽度
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问本机基输入全宽度EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问本机基输入全宽度
EN