代码之家  ›  专栏  ›  技术社区  ›  xiaolingxiao

如何获取React Native InputAccessoryView的NativeID

  •  0
  • xiaolingxiao  · 技术社区  · 7 年前

    我正在跟踪 InputAccessoryView 在这里: https://facebook.github.io/react-native/blog/2018/03/22/building-input-accessory-view-for-react-native.html

    带代码:

    export default class Debug extends Component {
      constructor(props) {
        super(props);
        this.state = {text: 'Hello world from debug'};
      }
    
      render() {
    
        const inputAccessoryViewID = "uniqueID";
    
        const accesory = (
            <InputAccessoryView nativeID={inputAccessoryViewID}>
              <Button
                onPress={() => this.setState({text: 'You didnt enter the magic word'})}
                title="Reset Text"
              />
            </InputAccessoryView>
        )
    
        return (
            <View>
                <ScrollView keyboardDismissMode="interactive">
                  <TextInput
                    style={{
                      padding: 10,
                      paddingTop: 50,
                    }}
                    inputAccessoryViewID={inputAccessoryViewID}
                    onChangeText={text => this.setState({text})}
                    value={this.state.text}
                  />
                </ScrollView>
    
                {accesory}
    
            </View>
        );
      }
    }
    

    但是医生没有解释我在哪里能拿到这个身份证 uniqueID . 我能在Xcode中找到它吗?

    1 回复  |  直到 7 年前
        1
  •  1
  •   bennygenel    7 年前

    InputAccessoryView 需要唯一的ID nativeID 要与匹配的属性 TextInput 具有相同唯一ID的 inputAccessoryViewID 属性。这样它就知道在那个输入上激活。这样你可以有不同的 输入访问视图 S代表不同 文本输入框 S.

    本机ID

    用于关联此的ID 输入访问视图 到指定的 文本输入框 (s)。

    以便 uniqueID 是一个唯一的字符串,您可以将其设置为与 文本输入框 .

    推荐文章