我想在React Native中实现这样的牙齿图，用户可以通过按下它来选择牙齿。我该如何实现？

Question

有几种方法可以做到这一点。 其中一种选项是为牙齿图创建一个组件。牙齿牙齿 然后，它是您将使用两个循环返回16 x 16网格的组件，一个用于水平载体，另一个用于垂直。

const verticalAxis-["1", 2", "3", "4", 6", "7", "8"..., "16"];

const horizontalAxis-["a", "b",e, "d", "f", "8", "h" ....];
                                                      
                                        
export default function toothChart()
  let board-[]:
  for (let j- verticalaxis.length-1;j>- 0; j--){
     for (leti-e; ic horizontalAxis.length; i++){
       board.push(
         <View style={styles.tile>[{horizontalAxis[1]}{verticalAxis[]}]</View>
       );
  return <View style={styles.toothChartBoard} >{board}</div>;

Answer 1

然后在板上您可以添加单个牙齿的SVG/图像。 我希望这有帮助。

https：//www.youtube.com/watch？v =iri__zwxwhg

您可以克隆我的示例

输入链接描述在这里