React Native - Switching to other Screen after Permission Granted

See also questions close to this topic

• In XHTML, cannot use "<" in script

  I want use XHTML to prevent forgetting close tag, cause the element set as display:none. I want aslo input script in the document. When I put i < arguments.length, the browser notifying "StartTag: invalid element name". And then I tryied to put the script as external, yet the result is same. Why inside script < (lower than) also read as "starttag"!

  Anyone have idea?
• reactjs checkbox check and unchecked event

  I made a todo app and I wanted to improvise it by showing all completed task

  
  
  Checking "Show completed task" works fine and shows me all completed task using the code below

  // App.js
  filterCompleted = () => {
    this.setState({todos: [...this.state.todos.filter(todo => {return todo.completed === true})]})
  }
  
  // NavBar.js
  <input type="checkbox" onChange={ () => this.props.filterCompleted()}></input> <span> Show completed 
  task</span>
  

  
  Un-checking the "Show completed task" should bring me back the the original state
  I tried checking if the checkbox is checked or not but the code below doesn't seems to work.

  // App.js
  filterCompleted = (filter) => {
  if(filter.checked){
    alert('checked')
    //this.setState({todos: [...this.state.todos.filter(todo => {return todo.completed === true})]})
  }
  else{
    alert('unchecked  ')
      }
  }
  
  //NavBar.js
  input type="checkbox" onChange={() => this.props.filterCompleted(this)}></input> <span> Show completed task</span>
  
• React JSX renders double quotes around element

  In a React component I generate a list of <option>s for <select>. This is done in ComponentDidMount() and stored in local state. This list is then rendered. However, each <option> gets enclosed in double quotes, which results in options not being shown on the page. Here's how they look:

  

  This is an image from browser's dev tools (I had to send a pic because copying it was removing the quotes). The first two options are hardcoded, the rest come from an array stored in local state and these are being enclosed in double quotes and hence not displayed.

  This is how I set up the options array and save it in local state:

    componentDidMount() {
      this.setUpWeekly()
    }    
  
    setUpWeekly() {
      if (this.props.poli) {
        const amountsKeys = Object.keys(this.props.poli.weekly_rates_array)
        const weekly = amountsKeys.map( weeks => {
          let weekOrWeeks
          if (weeks == 1) {
            weekOrWeeks = 'week'
          } else {
            weekOrWeeks = 'weeks'
          }
          return (
            `<option value="${this.props.poli.weekly_rates_array[weeks].amount_to_pay}">` +
            `${weeks} ${weekOrWeeks}` + 
            ` = $${this.props.poli.weekly_rates_array[weeks].amount_to_pay}</option>`
          )
        })
        this.setState(() => ({ weekly }))
      } 
    }
  

  ...and further down in render() I spread the options array:

      <Form.Control as="select" size="lg" onChange={this.onAmountToPayChange}>
        <option value="0">Please select...</option>
        <option value="111">2</option>
        {this.state.weekly !== null && [ ...this.state.weekly ]}
      </Form.Control>
  

  I've also tried to use arr.map() method to display the options array but it rendered the same result. Trying to remove quotes by str.replace() method only removed quotes that I actually need - around value attribute.

  So, to the question now: How do I display my select options? Please note, I use react-bootstrap. Thank you all who took an interest in solving my query.
• How can I insert Many Rows in Android SQLite

  I am making an app using SQLite in Android.

  I want to insert 500 rows to my table, but I don't really know how to insert many rows. I tried to insert 10 rows by typing dbInsert() code but typing 500 rows took a lot of codes and made my app slow. These are my codes.

   public WordDBRecord open() throws SQLException {
      dbHelper = new WordDBHelper(context, "WordDB", null, 1);
      database = dbHelper.getWritableDatabase();
  
      dbInsert("KeyWordDB", "Movie", "Terminator");
      dbInsert("KeyWordDB","Sports","Soccer");
      dbInsert("KeyWordDB","City","BeiJing");
      dbInsert("KeyWordDB","Actor","Tom");
      dbInsert("KeyWordDB","NBA Player","MJ");
  
      return this;
  }
    public void dbInsert(String tableName, String category, String word) {
      Log.d(TAG, "Insert Data ");
  
      ContentValues contentValues = new ContentValues();
      contentValues.put("CATEGORY", category);
      contentValues.put("WORD", word);
  
      long id = database.insert(tableName, null, contentValues);
      Log.d(TAG, "id: " + id);
  }
  

  I have searched method, but most told me to use ArrayList and for loops. However, as a beginner I don't really understand this method.

  So my question is How can I insert 500 rows using for loops or ArrayList?

  I will be grateful, if someone answers my question Thank you
• Not getting the value for firebase filter

  I am using below code for a recyclerview which is having filter at the top to filter the list as per the category, but I am not able to do so as when I not able to retrieve the value chosen in the spinner filter in the FilterDialogFragement class at this method

  onSearchClicked()

  basically mFilterListener should not be null after the value chosen from the spinner, as it showing null value it is not giving any output. though there is a runtime error

  E/ViewRootImpl: sendUserActionEvent() returned.

  and desired output is also not there as well. My priority is of getting the spinner value to filter the list

  I am using Firestore database for the backend.

  I know the code is quite lengthy. But All this was required to show what exactly is going on, as different classes were referred. it's complex problem.

  I have referred this example of Firestore CodelabExample. Which using AppCompatActivity in MainActivity and I am using Fragment.

  MainActivity

  public class MainActivity extends Fragment implements FilterDialogFragment.FilterListener, PostAdapter2.OnPostSelectedListener {
  
  
      RelativeLayout mParent;
      //FloatingActionButton addButton;
  
      private FirebaseFirestore mFirestore;
      private Query mQuery;
  
      private FilterDialogFragment mFilterDialog;
  
      private FragmentActivity myContext;
      HomeFragment mContext;
  
      TextView mCurrentSearchView;
  
      private CardView mcardView;
  
  
      RecyclerView recyclerView;
  
  
  
  
      private static final String TAG = "DocSnippets";
  
      private FirebaseFirestore db = FirebaseFirestore.getInstance();
      private Query PostsRef =  db.collection("posts").orderBy("timestamp", Query.Direction.DESCENDING);
  
      private PostAdapter2 adapter;
      private FirebaseAuth mAuth;
      private String mUserId;
      private DocumentReference currentUserRef;
  
  
      ViewGroup mEmptyView;
  
  
  
      StorageReference storageReference;
      private HomeFragmnetFiltersModel mViewModel;
  
  
  
      @Nullable
      @Override
      public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
  
          mFirestore = FirebaseFirestore.getInstance();
  
          mAuth = FirebaseAuth.getInstance();
          mUserId = mAuth.getUid();
          storageReference = FirebaseStorage.getInstance().getReference().child("profile_pic");
  
  
          FirebaseFirestore.setLoggingEnabled(true);
          final View view = inflater.inflate( R.layout.fragment_home, container, false);
          final FragmentActivity c = getActivity();
          LinearLayoutManager layoutManager = new LinearLayoutManager(c);
  
          recyclerView = (RecyclerView) view.findViewById(R.id.recycler_view);
          mCurrentSearchView = view.findViewById(R.id.text_current_search);
  
          mViewModel = ViewModelProviders.of(this).get(HomeFragmnetFiltersModel.class);
          mEmptyView = view.findViewById(R.id.view_empty);
  
          mQuery = PostsRef.limit( 50 );
  
          mParent =view.findViewById(R.id.relative_home);
  
  
          if (mQuery == null) {
              Log.w(TAG, "No query, not initializing RecyclerView");
          }
  
  
          adapter = new PostAdapter2(mQuery) {
  
              @Override
              protected void onDataChanged() {
                  // Show/hide content if the query returns empty.
                  if (getItemCount() == 0) {
                      recyclerView.setVisibility(View.GONE);
                       mEmptyView.setVisibility(View.VISIBLE);
                  } else {
                      recyclerView.setVisibility(View.VISIBLE);
                      mEmptyView.setVisibility(View.GONE);
                  }
              }
  
              @Override
              protected void onError(FirebaseFirestoreException e) {
                  // Show a snackbar on errors
                  //Snackbar.make(findViewById(android.R.id.content),
                  ///      "Error: check logs for info.", Snackbar.LENGTH_LONG).show();
              }
          };
  
  
          recyclerView.setLayoutManager(new LinearLayoutManager(c));
          recyclerView.setAdapter(adapter);
  
          ButterKnife.bind(this, view);
  
  
  
          mcardView = view.findViewById(R.id.filter_bar);
          mcardView.setOnClickListener(new View.OnClickListener() {
              @Override
              public void onClick(View v) {
                 // Toast.makeText(c, "", Toast.LENGTH_SHORT).show();
                  Log.d("Message", "New Selection");
                  onFilterClicked();
              }
          });
          // Filter Dialog
          mFilterDialog = new FilterDialogFragment();
  
          return view;
  
  
  
      }
  
  
      public void onFilterClicked() {
          // Show the dialog containing filter options
      //    mFilterDialog.show(getSupportFragmentManager(), FilterDialogFragment.TAG);
          Log.d("Message", "New Selection22222");
         mFilterDialog.show(getFragmentManager(),FilterDialogFragment.TAG);
      }
  
  
  
  
  
     @Override
      public void onStart() {
          super.onStart();
  
  
  
         onFilter(mViewModel.getFilters());
  
          if (adapter != null) {
              adapter.startListening();
          }
      }
  
      @Override
      public void onStop() {
          super.onStop();
          if (adapter != null) {
              adapter.stopListening();
          }
      }
  
  
  
      @Override
      public void onFilter(Filters filters) {
          Query query = PostsRef.limit( 50 );
  
          // Category (equality filter)
          if (filters.hasCategory()) {
              query = query.whereEqualTo("postcategory", filters.getCategory());
          }
  
  
          // Limit items
          query = query.limit(50);
  
          // Update the query
          mQuery = query;
          adapter.setQuery(query);
  
  
          mCurrentSearchView.setText(Html.fromHtml(filters.getSearchDescription(getActivity())));
  
  
          mViewModel.setFilters(filters);
  
      }
  
      @Override
      public void onRestaurantSelected(DocumentSnapshot restaurant) {
  
      }
  }
  

  MainActivityModel

  public class MainActivityViewModel extends ViewModel {
  
      private boolean mIsSigningIn;
      private Filters mFilters;
  
      public MainActivityViewModel() {
          mIsSigningIn = false;
          mFilters = Filters.getDefault();
      }
  
      public boolean getIsSigningIn() {
          return mIsSigningIn;
      }
  
      public void setIsSigningIn(boolean mIsSigningIn) {
          this.mIsSigningIn = mIsSigningIn;
      }
  
      public Filters getFilters() {
          return mFilters;
      }
  
      public void setFilters(Filters mFilters) {
          this.mFilters = mFilters;
      }
  }
  

  Filters

  public class Filters {
  
      private String category = null;
  
      public Filters() {}
  
      public static Filters getDefault() {
          Filters filters = new Filters();
  
          return filters;
      }
  
      public boolean hasCategory() {
          return !(TextUtils.isEmpty(category));
      }
  
  
      public String getCategory() {
          return category;
      }
  
      public void setCategory(String category) {
          this.category = category;
      }
  
  
  
      public String getSearchDescription(Context context) {
          StringBuilder desc = new StringBuilder();
  
          String hello = "All Posts";
          if (category == null) {
              desc.append("<b>");
              desc.append(hello);
              desc.append("</b>");
          }
  
          if (category != null) {
              desc.append("<b>");
              desc.append(category);
              desc.append("</b>");
          }
  
  
  
          return desc.toString();
      }
  
  
  }
  

  FilterDialogFragment

  public class FilterDialogFragment extends DialogFragment {
  
      public static final String TAG = "FilterDialog";
  
      interface FilterListener {
  
          void onFilter(Filters filters);
  
      }
  
      private View mRootView;
  
      @BindView(R.id.spinner_category)
      Spinner mCategorySpinner;
  
  
      private FilterListener mFilterListener;
  
      @Nullable
      @Override
      public View onCreateView(LayoutInflater inflater,
                               @Nullable ViewGroup container,
                               @Nullable Bundle savedInstanceState) {
          mRootView = inflater.inflate(R.layout.dialog_filters, container, false);
          ButterKnife.bind(this, mRootView);
  
          return mRootView;
      }
  
      @Override
      public void onAttach(Context context) {
          super.onAttach(context);
  
          if (context instanceof FilterListener) {
              mFilterListener = (FilterListener) context;
          }
      }
  
      @Override
      public void onResume() {
          super.onResume();
          getDialog().getWindow().setLayout(
                  ViewGroup.LayoutParams.MATCH_PARENT,
                  ViewGroup.LayoutParams.WRAP_CONTENT);
      }
  
      @OnClick(R.id.button_search)
      public void onSearchClicked() {
          Log.d("Message1", String.valueOf(mFilterListener));
  
          if (mFilterListener != null) {
              Log.d("Message", String.valueOf(mFilterListener));
  
              mFilterListener.onFilter(getFilters());
          }
  
          dismiss();
      }
  
      @OnClick(R.id.button_cancel)
      public void onCancelClicked() {
          dismiss();
      }
  
      @Nullable
      private String getSelectedCategory() {
          String selected = (String) mCategorySpinner.getSelectedItem();
          if (getString(R.string.value_any_category).equals(selected)) {
              return null;
          } else {
              return selected;
          }
      }
  
  
  
  
      public void resetFilters() {
          if (mRootView != null) {
              mCategorySpinner.setSelection(0);
            }
      }
  
      public Filters getFilters() {
          Filters filters = new Filters();
  
          if (mRootView != null) {
              filters.setCategory(getSelectedCategory());
              }
  
          return filters;
      }
  }
  
• String comparison is not equal when it should be

  I have a function that tries to get data from a JSON file that my application manages. In this function, I need to get the data of the JSON file so then I can convert them to objects using GSON. So for example, if i have the following JSON file:

  {
      "test": [
          {"id":1,"insider":false,"name":"Name"}
      ]
  }
  

  I want my function to ONLY get:

          {"id":1,"insider":false,"name":"Name"}
  

  Here there is the function:

  private static final String open = "{\n";
  private static final String start = "    \"test\": [\n";
  private String data = null;
  private static final String end = "    ]\n";
  private static final String close = "}";
  
  public void getFileUser() {
      Log.i("Console","getFileUser");
      FileInputStream fin;
      String receiveString;
      boolean copy = false;
      boolean finish = false;
      try {
          fin = context.openFileInput(TEST_FILE);
          BufferedReader bufferedReader = new BufferedReader(new InputStreamReader(fin, "UTF-8"), 1024);
          StringBuilder stringBuilder = new StringBuilder();
          while ((receiveString = bufferedReader.readLine()) != null) {
              Log.i("Console", receiveString);
              // Log.i("Console", start);
              // Log.i("Console", end);
              if (receiveString.equals(start)) {
                  Log.i("Console", "BEGIN");
                  copy = true;
              }
              if (receiveString.equals(end)) {
                  Log.i("Console", "END");
                  finish = true;
              }
              if (copy && !finish) stringBuilder.append(receiveString);
          }
          fin.close();
          data = new String(String.valueOf(stringBuilder).getBytes(), Charset.forName("UTF-8"));
          Log.i("Console",data);
      }
      catch (FileNotFoundException e) { Log.i("Console", "ERROR: " + e.getMessage()); }
      catch (IOException e) { Log.i("Console", "ERROR: " + e.getMessage()); }
      catch (Exception e) { Log.i("Console", "ERROR: " + e.getMessage()); }
  }
  

  In theory, the function I made supposedly should accomplish my goal but BOTH of the if conditions never become true, so my String data which should contain what I want is empty.

  I believe the problem is something about new lines and spaces in the String but I have tried and have not been able to fix it.

  Here there is the function that stores the JSON file since some users have requested it:

  private static final String open = "{\n";
  private static final String start = "    \"test\": [\n";
  private String data = null;
  private static final String end = "    ]\n";
  private static final String close = "}";
  
  public void setFileUser(String data) {
      Log.i("Console","setFileUser");
      FileOutputStream fOut;
      try {
          fOut = context.openFileOutput(TEST_FILE, Context.MODE_PRIVATE);
          fOut.write(open.getBytes());
          fOut.write(start.getBytes());
          if (this.data != null) fOut.write(this.data.getBytes());
          String formatted_data = "        " + data + "\n";
          fOut.write(formatted_data.getBytes());
          fOut.write(end.getBytes());
          fOut.write(close.getBytes());
          fOut.close();
      }
      catch (FileNotFoundException e) { e.printStackTrace(); }
      catch (IOException e) { e.printStackTrace(); }
  }
  

  How I get String data since probably some people will ask for it:

      String data = rawResult.getText();
      Gson gson = new Gson();
      Test test = gson.fromJson(data, Test.class);
      Log.i("Console",  test.getName());
      Singleton.getInstance().setFileUser(data);
      Singleton.getInstance().getFileUser();
  

  Both lines in the middle are to make sure that the string is properly formatted.

  I managed to enter BOTH if conditionals thanks to @Maarten-reinstateMonica comment by making a copy of the String start and end and removing the last end of line. Since it is too late, I won't be able to test if my problem is fully solved.

  Will update the post in 1 or 2 days.
• How to dynamically include a module in React Native

  I am trying to dynamically do a dynamic import import (this.props.myImportModulePath) but I get :

  Error: TrasformError index.js: index.js:Invalid call at line 12: import(_this.props.myImportModulePath), js engine: hermes  
  

  I am not sure that this is the way to go about it, but what I am trying to get is to get import ToastExample from './ToastExample'; dynamically.

  Below is how I go about it.

  Thank you all in advance.

  import React, {Component} from 'react';
  import {AppRegistry, Text} from 'react-native';
  
  import {name as appName} from './app.json';
  
  class HelloWorld extends Component {
  
      constructor(props) {
          super(props);
  
          this.state = {
              OtherComponent: React.lazy(() => import (this.props.myImportModulePath))
          }
      }
  
      render() {
          return (
              <Text>HELLO World</Text>
          );
      }
  }
  AppRegistry.registerComponent(appName, () => HelloWorld);  
  

  Please note that this works when I change

  OtherComponent: React.lazy(() => import (this.props.myImportModulePath))

  into

  OtherComponent: React.lazy(() => import ('./myImportModule')),

  that is, passing the path directly as a string './myImportModule' instead of passing it as a prop value this.props.myImportModulePath

  Thank you all in advance.
• Cannot retrieve values of objects AsyncStorage using Context API

  I have an object in my AsyncStorage. Problem is, the object is returned by rendering, but values only by clicking on Button.

  Peace of code MainScreen.js

  const { state, retrieveUser } = useContext(User);
  
  useEffect(()=>{
     retrieveUser();
   }, [])
  
   console.log(state.user) // <- Return object
   console.log(state.user.name) // <- Return TypeError: TypeError: undefined is not an object (evaluating 'state.user.name')
  
  <Button 
      title="Retrieve Name" 
      onPress={()=>{console.log(state.user.name)}} // <- Return "John"
   />
  
  

  console.log(state.user) in Main.js returns object:

  Object {
    "id": "1",
    "name": "John",
    "age": "20"
  }
  

  console.log(state.user.name) returns "TypeError: TypeError: undefined is not an object (evaluating 'state.user.name')"

  But

  By clicking on button on this screen with onPress={()=>console.log(state.user.name)} it returns "John".

  Peace of code ContextApi.js:

  const userReducer = (state, action) => {
      switch (action.type) {
          case 'retrieve_user':
              return { user: action.payload };
          default: 
              return state;
      }
  };
  
  const retrieveUser = dispatch => async () => {
      const accountData = await AsyncStorage.getItem('user');
      let user = JSON.parse(accountData);
      dispatch({ type: 'retrieve_user', payload: user});
  }; 
  

  Could anyone help please?
• React Native Flatlist - Run function only when visible

  I have an array with 500+ id's, each item on this array is going to fetch some data so I'm using Flatlist.

    <FlatList
      viewabilityConfig={viewabilityConfig.current}
      updateCellsBatchingPeriod={400}
      initialNumToRender={10}
      removeClippedSubviews={true}
      data={threads}
      renderItem={({item}) => <SectionThread item={item} />}
    />
  

  The component SectionThread calls an api when mounted

    const getThread = React.useCallback(async () => {
      const o = await fetchThread(props.item);
      setThread(o);   }, []);
  
    React.useEffect(() => {
      getThread();   }, []);
  
    return (
      <View>
        {thread.title}
      </View>   );
  

  I need to find a way to only call this api when the item is visible, right now it calls everything at once and my app gets really laggy.

  I've tried a bunch of stuff like viewabilityConfig but with no success.

  My question is: Is there a way where the item on a flatlist is only mounted when is visible?
• How to remove one added Permission from React-native project?

  In my React-native project, once I added one write external storage permission in the AndroidManifest.xml file like below-

   <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
  

  And using this permission, I made some build. But later I realized that this permission is not required in my project. So, I wanted to remove this permission. So, I just removed the Permission line in my Manifest file and made one android build.

  But the problem is----

  in app info, it is still showing that it is taking Storage permission.

  So, I need one solution to remove this permission completely.
• How to gracefully handle permission retractions in android?

  Given that an apps permissions could potentially be revoked by the user at any time, would best practice require wrapping each and every call to the sensitive component in exception logic, or is there some type of event that can be subscribed to for when/if this occurs? For my own app I would just be looking to bug out in a graceful manner if the user is no longer willing to allow the required hardware access.

  I had been planning on doing a single permission check on initial startup and politely exiting if that failed but then this question occurred to me and has my head going in circles trying to understand how the android team expected this all to work smoothly... Install time permissions must have been so much easier back in the day!
• List of normal permissions and dangerous permissions for different API level

  I would like to know list of permissions for each Android API level. I need list of normal permissions , list of dangerous permissions , list of total permissions for each Android API level. From Where can I get this information?