mahdi
5 سال پیش توسط mahdi مطرح شد
0 پاسخ

مشکل حل نشده در nested Text و React Native

یک مشکل پیچیده در React Native برخوردم که خیلی جاها پیگیری کردم اصلا حل نشد. گفتم شاید به کمک آقای @hesammousavi بشه این مشکلو حل کرد.
یه مثال ساده از مشکل اینجا با EXPO ایجاد کرد.
که ویدیوی مشکل رو هم اینجا تو Youtube آپلود کردم.
ثبت مشکل در GitHub
مشکل در استفاده از Text های Nested و تو در تو ایجاد می شه. در برخی حالت ها onPress در Text درست عمل نمی کنه. سورس مثال:

import React, { Component } from 'react';
import { View, Text } from 'react-native';

export default class App extends Component {
  render() {
    return (
            <Text style={{marginTop: 20}}>
                <Text>
                    <Text style={{fontSize: 30}} onPress={() => alert("Bird's Nest Pressed")}>Bird's Nest</Text>
                </Text>
                {"\n"}
                <Text>
                    <Text style={{fontSize: 30}} onPress={() => alert("MMM Pressed")}>MMM</Text>
                </Text>
            </Text>
    );
  }
}

پس از بالا آوردن پروژه وقتی روی انتهای کاراکترهای MMM کلیک می کنید هیچ اتفاقی نمی افته ولی وقتی اول کاراکترها کلیک می کنید بدون مشکل دستور اجرا می شود. بر عکس بر روی کاراکترهای Bird's Nest هیچ اشکالی وجود ندارد.


ثبت پرسش جدید

به همدیگه کمک کنیم

به mahdi کمک کنید تا مشکل خودش را حل کند؛ این‌طور می‌توانیم با هم پیشرفت کنیم.

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام