我的代码是:

      <View style={{...styles.tableRow, backgroundColor: index % 2 == 1 ? "#F0FBFC" : "white"}}>
        <View style={styles.checkboxContainer}>
          <Checkbox label="" color="success" checkboxStyle={styles.checkbox}/>
        </View>
        <Text style={styles.columnRowTxt}>{members[item].first}</Text>
        <Text style={styles.columnRowTxt}>{members[item].last}</Text>
        <Text style={styles.columnRowTxt}>{item.Weight}</Text>
      </View>

我正在try 将复选框对齐在该视图的中心.我最初试过了,没有视野.以下是我的风格:

  checkbox: {
    backgroundColor: "yellow",
  },
  checkboxContainer: {
    flexDirection: "row",
    width: "25%",
    backgroundColor: "gray",
    alignItems:"center"
  }

The result is: enter image description here

我也try 过: 复选框:{ 背景 colored颜色 :"黄色", alignSelf:"居中", },

我怎样才能集中精力呢?

推荐答案

alignItems: "center" 

应该是:

justifyContent: "center" 

justifyContent与flexDirection一致,alignItems与flexDirection相反.

Css相关问答推荐

如何改变图标的 colored颜色 时悬停在

可折叠/可展开的数据表行:如何使Shadcn数据表中的可折叠内容全宽?

如何在CSS中实现边框的局部透明?

当具有外部高度的网格项溢出时,为什么溢出滚动端口填充不应用于网格容器?

截断风景中的柔子或强制在其自己的线上,如果是肖像

如何将React应用程序主页的内容居中?

如何使TWebPanel具有圆角?

SVG样式中的CSS类名是否是全局的?

CSS:如何在嵌套计数器中有多个计数器

使用 css 网格和 nth-child 交替行

CSS网格使sibling 项目拉伸

仅针对直接子代而不是其他相同后代的 CSS Select 器

纯 CSS 滚动动画

如何在需要时通过 HTTPS 包含 CSS 和 JS 文件?

CSS:固定到底部并居中

跨浏览器方法使子 div 适合其父级的宽度

在 CSS3 中重新启动动画:比删除元素更好的方法吗?

让 div 扩展全高

如何使 window.scrollTo() 效果平滑

height: 100% 或 min-height: 100% 用于 html 和 body 元素?