我需要从onFocus事件中检索TextInput在屏幕上的位置。 我没有找到有关此文档,我的问题是我无法从焦点触发的事件中找到元素。 这里的代码:

_handleOnFocus(event) {        
console(event.nativeEvent.target.layout.y); // where is the y coordinate?
}

回调插入到这里:

<TextInput onFocus={              
onFocus={event => {this._handleOnFocus(event);}}} ... />

#1楼 票数:0

您可以通过event.target.offsetTop访问它,但考虑到它将返回距离最近的非静态父对象的偏移量。 如果需要绝对偏移量,请参考以下问题: 查找元素相对于文档的位置

  ask by bertonc96 translate from so

未解决问题?本站智能推荐:

3回复

如何设置图像以在反应导航中使用带有标题的全尺寸屏幕?

我的屏幕包含图像,我想使用带标题的全尺寸屏幕? 我只是使用position: "absolute"但它不能包装标题,我不能使用header: null因为我希望出现后退按钮! 那么我该如何处理呢? 我得到了什么 我想要的是 提前致谢。
2回复

在ReactNative中调整图像大小

我希望我的屏幕看起来像 但我得到 经过各种尝试。 这是我的代码:- 风格:- 注释代码是我作为各种组合尝试过的部分。 谢谢!!!
1回复

在ReactNative中基于HTTPGET响应显示列表

我正在尝试根据HTTP GET响应在我的视图中显示一个列表。 我有 我一直空着 但是我似乎看不到控制台中的响应。 更新 修复此行后 return this.state.albums.map(album => <Text>{ album.title }
2回复

ExpoReactNativeApp中的隐藏状态栏留下空白

在我们的 Expo React Native 应用程序中,状态栏当前显示在所有应用程序的屏幕上。 但是,一屏欢迎需要隐藏状态栏。 在欢迎屏幕中,放入react-native的StatusBar组件,将hidden props 设置为true隐藏状态栏(在物理 iPhone 上),但会留下一个白色区域
1回复

在ReactNative中,可以在键盘打开时调用onPress[重复]

这个问题已经在这里有了答案: React Native-打开键盘时在ListView上选择行 1回答 用户需要在FlatList项上单击两次,因为<TextInput autoFocus={true} 。 第一次单击时,键盘处于隐藏状态,然后单击以调用onPress={
1回复

通过ReactNative中的助手功能发送状态更新

我在以下屏幕上调用助手函数pouchDB_helper.sync()来为我收集一堆数据。 目的是能够记录函数当前所在的位置,以便在我的render()给出百分比或状态更新 我是新来的React / React-native,所以我不确定这是否是正确的方法。 我希望能够尽可能将其保留为辅
1回复

异步辅助函数与ReactNative中的AsyncStorage一起使用

我想要做的是警告本地存储中的company_id 。 以下代码有效但我希望能够从辅助函数内部执行此操作。 如果你看到顶部,我import * as pouchDB_helper from '../utils/pouchdb'; 在那里我有以下内容: 如果我alert(pouchDB
1回复

如何在ReactNative中创建跨平台图标?

我正在建立一个注册表单,我想添加图标,但是图标在不同的平台上看起来应该有所不同,例如,如果我使用Ionicons,它应该在ios设备上显示ios-person,在android设备上显示md-person。 我该如何构建这样的自定义组件,以便仅将其导入到“ 注册”屏幕表单中,并基于文本输入(例