Роман Александрович

Новичок Иванович, у вас 2 выхода
1 после Измения данные профиля и нажатия назад вы оправляете иправленные данные на сервере и просто новые данные подставляете в странице профиля (так вам не надо делать еще 1 запрос с сервера но не факт что запрос на изменение пройдет успешно)
2 вы изменяете данные профиля нажимаете например сохранить измененные данные(идет запрос на сервер) дальше вы нажимаете кнопку назад. Тут у вас есть несколько вариантов и в каждом из них вы заново запрашиваете данные с сервера что бы они обновились для отображения в профиле
в componentWillUnmount можно засунуть функцию запроса
на кнопку сохранить изменения сначала пройдет запрос на изменение данных затем вызвать функцию которая п
обновит данные о профиле и перекинет пользователя на нужный вам экран

({loading,error,data})=>
попробуйте вот так

https://developer.mozilla.org/ru/docs/Web/API/Form...

Запомнить время ввода в AsyncStorage и при попытке нового ввода сравнивать разницу времени последнего ввода и текущее время. Если время меньше 3 часов то запрещать изменение. AsyncStorage для вас самое лучшее решение.

https://magic.reactjs.net/htmltojsx.htm

файл HomePage.js:

import React, {Component} from 'react';

class Homepage extends Component {
    render(){
        return (
          <div className="wrap">
            
           <h1>
            Home Page Content
           </h1>
            
            <p>
           
            </p>
            
            
          </div>     
        )
    }
}

export default Homepage;

render() {
    const { activeProjects } = this.state
    // if (!activeProjects){null}

    const sortHolder = (
      <div className="sort-holder">
        <button className="up" data-param="project" data-direction="up" />
        <button className="down" data-param="project" data-direction="down" />
      </div>
    );
    return (
      <div className="unc-titles">
        <div className="focus-header">
          <div>
            <span>Uncategorized</span>
            <img src="../../../../../style/imgs/Icon_info.svg" alt="" />
          </div>
          <div className="search">
            <input placeholder="Search" type="text" />
            <img src="../../../../../style/imgs/Search.svg" alt="" />
          </div>
        </div>
        <div className="focus-wrapper">
          <div>
            <span>Projects</span>
            {sortHolder}
          </div>
          <div>
            <span>Keywords</span>
            {sortHolder}
          </div>
        </div>
          activeProjects&&  activeProjects.length &&
      activeProjects.map((project, i) => 
          (<div key={i} className="focus-projects">
            <div className="unc-focus-line">
              <div className="unc-focus-item">
                <img src={project.iconSrc} alt="icon" />
                <div>
                  <p>{project.Name}</p>
                  <span>12 App Opens | 3242 Switches</span>
                </div>
              </div>
              <div className="unc-focus-keywords">
                <span>3 keywords > ?</span>
              </div>
              <div className="unc-focus-settings">
                <img src="../../../../../style/imgs/icon_dots.svg" alt="dots" />
              </div>
            </div>
          </div>)
        )
      </div>
    );
  }
}

в react-bulma-components нет Input

вот это пробовали для подгрузки ?
https://stackoverflow.com/questions/40087775/how-t...
а вот это использовать для рефреша
https://facebook.github.io/react-native/docs/refre...

ну тут у вас 2 варианта
1 вариант это по нажатию вы сохраняете id кликнутой записи в сторе потом переходите на нужный вам экран и зная этот id показываете детальную информацию о новости
или 2 вариант по нажатию на новость вы с помощью навигации вместе переходом передаете и детали новости

this.props.navigation.navigate('Details', {
              itemId: 86,
              otherParam: 'anything you want here',
            });

Вы просто должны понимать что AsyncStorage из react-native больше не поддерживается. Это означает что если в данный момент найдется какая то бага в пакете, то ее будут фиксить в @react-native-community/async-storage. Но если вы собираетесь использовать 2 функции: положить, и достать то я думаю ничего страшного не будет. Даже больше скажу если в один замечательный день вы решите все таки установить @react-native-community/async-storage то функции обратно совместимые так что ваше приложение не должно почувствовать замены пакета.

я работал, где-то пол года назад с этой технологией и с ней были кое-какие проблемы, но думаю что их далжны были пофиксить. вот статьи
https://medium.com/mindorks/working-with-firebase-...
https://medium.com/@1991chester/deep-links-fc993c7242af
https://firebase.apptractor.ru/firebase-na-android...
и конечно https://firebase.google.com/docs/dynamic-links/and...
можете попробовать вот этот проект https://github.com/firebase/quickstart-android/tre...

https://jsfiddle.net/xy7zors6/

вот тут вся документация которая есть по webview
https://github.com/react-native-community/react-na...

как пример изменить стиль при старте webview

const INJECTED_JAVASCRIPT = `(function() {
    document.body.style.background = color;
})();`;

<WebView
  source={{ uri: 'https://facebook.github.io/react-native' }}
  injectedJavaScript={INJECTED_JAVASCRIPT}
  onMessage={this.onMessage}
/>

ну есть такой вариант - сверху и снизу фотографии добавляете необходимые вам кнопки и надписи. Как только показали фотографию с контентом запускаете таймер после которого вы спрячьте контент. По тапу по фотографии таймер сбрасываете и показываете ваше меню. И обязательно добавьте анимацию для показа и прятания https://facebook.github.io/react-native/docs/anima...

https://github.com/jaredpalmer/formik.

let char = name&&name.trim()[0]?name.trim()[0].toUpperCase():null