如何在react-native-phone-number-input中仅保留GB国家码并禁用切换功能
解决react-native-phone-number-input仅保留GB国家码的问题
要实现仅保留英国(GB)国家码、禁止切换其他国家的需求,你可以通过以下两个关键配置达成目标:
- 限定可选国家范围:使用
countries属性,仅传入["GB"],这样组件只会加载并显示英国国家码,不会提供其他国家选项。 - 禁用国家码区域交互:添加
disableFlagPress={true},彻底禁止点击国家码区域触发选择器的行为(可选配置,若已限定countries为单元素数组,其实已无法切换,但加上该属性能进一步避免误操作)。
修改后的代码如下:
<PhoneInput ref={phoneInput} defaultValue={phoneNumber} defaultCode="GB" layout="second" withShadow filterProps autoFocus disableArrowIcon // 仅允许选择英国国家码 countries={["GB"]} // 禁止点击国家码区域触发选择器 disableFlagPress={true} containerStyle={styles.phoneContainer} textContainerStyle={styles.textInput} onChangeFormattedText={(text) => { setphoneNumber(text); }} />
配置完成后,组件只会固定显示英国国家码,用户无法切换到其他国家,完全适配你面向英国用户的应用场景。
内容的提问来源于stack exchange,提问作者Erin Macfarlane
相关产品推荐
相关产品推荐

